以 ~ 字符和图像开头的文本编辑器链接无法正确呈现

Text editor links leading with ~ character and images are not rendering correctly

我是 运行 Kentico 12.0.24 MVC,插入的图像如何使用文本编辑器呈现存在问题。

在 Kentico CMS 中使用文本编辑器插入图像时,我可以在文本编辑器中看到插入的图像,但是在前端页面上查看时图像不会呈现,这是由于生成的图像路径带有前导 ~(波浪号)字符。

生成的图像路径是相对的,这很好,但它是破坏它的前导图块。

以下是重现此内容的步骤
1. 在 Kentico CMS 中,转到具有富文本编辑器 (WYSIWYG) 的页面。
2. 在文本编辑器中,单击名为 "Insert/Edit image or media" 的按钮。
3. 在弹出窗口 window 中,单击名为 "Media Libraries" 的选项卡。
4. 从列表中,我 select 一张图片。此时,URL图片URL预览会如下所示"/Admin/IPGLaserSystems/media/Random/application-non-contact-1x.jpg".
5. 我点击 "Save & Close",我可以在文本编辑器中看到插入的图像。
6. 点击顶部的"Save"。
7. 我导航到页面,但图像不显示,此时生成的图像路径如下“~/IPGLaserSystems/media/Random/application-non-contact-1x.jpg”。

如果从路径中删除波浪号字符,则可以很好地呈现图像。这应该在本机工作。

我还找到了以下文章,它似乎解决了以相对形式从文本编辑器插入链接的问题,但似乎并没有直接解决一般使用相对(基于波形符)链接的问题: https://devnet.kentico.com/articles/how-to-fix-links-inserted-via-a-wysiwig-editor-in-kentico-12

请指教,谢谢

您可以像这样访问它们。假设您有一个模型 item 和 属性 image。在您看来,您可以像这样访问它

@Html.Kentico().ResolveUrls(item.image)

看看这是否有效。我总是用这个。这样做的好处是,假设您有一个包含大量图像的所见即所得区域。例如,您有一个模型 item 和 属性 textarea。在您的视图中使用这样的表达式将解析所见即所得区域中的所有图像。

@Html.Kentico().ResolveUrls(item.TextArea)