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

Question

我正在运行 Kentico 12.0.24 MVC，但插入的图像如何使用文本编辑器呈现时出现问题。

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

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

重现此操作的步骤如下:
1. 在 Kentico CMS 中，转到具有富文本编辑器 (WYSIWYG) 的页面。
2. 在文本编辑器中，单击名为“插入/编辑图像或媒体”的按钮。
3. 在弹出窗口中，单击名为“媒体库”的选项卡。
4. 从列表中选择一个图像。此时，URL图像URL预览将如下“/Admin/IPGLaserSystems/media/Random/application-non-contact-1x.jpg”。
5. 单击“保存并关闭”，我可以在文本编辑器中看到插入的图像。
6. 点击顶部的“保存”。
7. 我导航到页面但图像不显示，此时生成的图像路径如下“~/IPGLaserSystems/media/Random/application-non-contact-1x.jpg”。

如果波浪号字符从路径中移除，那么它会很好地呈现图像。这应该在 native 工作。

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

请指教，谢谢。

Answer 1

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

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

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

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