我正在运行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
请告知,谢谢。
答案 0 :(得分:3)
您可以像这样访问它们。假设您有一个模型item
,其属性为image
。在您的视图中,您可以像这样
@Html.Kentico().ResolveUrls(item.image)
查看是否可行。我总是用这个。这样做的好处是,您可以在所见即所得的区域中放置很多图像。例如,您有一个模型item
,其属性为textarea
。在视图上使用这样的表达式将解析所见即所得区域中的所有图像。
@Html.Kentico().ResolveUrls(item.TextArea)