为什么 2SXC 中的 Image Resizer 不起作用

Question

我尝试将 2SXC 与 DNN 结合使用，但无法使图像调整大小功能正常工作。基本上，他们什么也不做。我已经安装了新的 DNN 9.12 门户，安装了 2SXC，并开始学习教程。 2SXC 似乎可以工作，但图像调整器功能根本不起作用。

这是我的模板和显示结果的屏幕截图：

@inherits Custom.Hybrid.Razor14
@{
  var imgUrl2 = @Content.Image.ToString();
}

<div class="row mb-4 mb- md-5" @Edit.TagToolbar(Content)>
    <div class="col-md-4 order-md-1" style="background: gray;">
        <img class="img-fluid" src='@Content.Image?w=50&h=50' alt="@Content.Name" />        
    </div>
    <div class="col-md-8 order-md-4">
        <h1>
            @Content.Name
        </h1>
        @Html.Raw(@Content.Description)
    </div>
</div>
@imgUrl2
<br>
<img loading="lazy" src="@Link.Image(url: imgUrl2, width: 200)">

这是输出 HTML：

    <div id="dnn_ctr386_ModuleContent" class="DNNModuleContent Mod2sxcappC">
         <div class="sc-content-block" data-cb-instance="386" data-cb-id="386">
          <div class="row mb-4 mb- md-5">
           <div style="background: gray;" class="col-md-4 order-md-1">
            <img class="img-fluid" src="/portaldev/Portals/0/adam/BucketList/jKW1MSja7UiF1Fj0KQMfug/Image/20070411_005.jpg?w=50&amp;h=50" alt="Travel to Germany">        
           </div>
           <div class="col-md-8 order-md-4">
            <h1>
             Travel to Germany
            </h1>
            <ul>
             <li>Visit Hans</li>
             <li>Visit Neuschwanstein</li>
             <li>Ski the Zugspitze</li>
            </ul>
           </div>
          </div>
          /portaldev/Portals/0/adam/BucketList/jKW1MSja7UiF1Fj0KQMfug/Image/20070411_005.jpg
          <br>
          <img loading="lazy" src="/portaldev/Portals/0/adam/BucketList/jKW1MSja7UiF1Fj0KQMfug/Image/20070411_005.jpg?w=200">
         </div>
        </div>

这是一个屏幕截图，显示图像大小未正确调整。

Answer 1

首先您应该确保 ImageFlow 处于活动状态（而不是不工作）。

我们刚刚更新了文档以提供更深入的信息并指导您完成此操作https://go.2sxc.org/resize。