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

时间:2019-06-11 14:23:37

标签: text-editor kentico kentico-mvc kentico-12

我正在运行Kentico 12.0.24 MVC,但是存在一个问题,即如何使用文本编辑器渲染插入的图像。

在Kentico CMS中使用文本编辑器插入图像时,我能够在文本编辑器中看到插入的图像,但是在前端页面上查看时,图像无法渲染,这是由于图像路径是用前导〜(波浪号)字符生成的。

生成的图像路径是相对的,这很好,但是可以破坏它。

以下是重现此步骤的步骤
1.在Kentico CMS中,转到具有RTF编辑器(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”。

如果将波浪号字符从路径中删除,则它将使图像精细。这应该在本地工作。

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

请告知,谢谢。

1 个答案:

答案 0 :(得分:3)

您可以像这样访问它们。假设您有一个模型item,其属性为image。在您的视图中,您可以像这样

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

查看是否可行。我总是用这个。这样做的好处是,您可以在所见即所得的区域中放置很多图像。例如,您有一个模型item,其属性为textarea。在视图上使用这样的表达式将解析所见即所得区域中的所有图像。

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