plone页面中的svg代码

plone页面中的svg代码,svg,plone,Svg,Plone,我一直试图在我的测试网站上显示一个SVG元素,该网站运行在Plone CMS之上 正如关于这个主题的其他帖子已经解释过的那样,我确保在“HTML过滤器设置”中,SVG没有包含在“讨厌的”或“剥离的”标记列表中,并将其添加到“自定义标记”中 尽管如此,尝试从W3Cschools中嵌入一个简单的SVG示例(如下所示)并不会显示该元素 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" c

我一直试图在我的测试网站上显示一个SVG元素,该网站运行在Plone CMS之上

正如关于这个主题的其他帖子已经解释过的那样,我确保在“HTML过滤器设置”中,SVG没有包含在“讨厌的”或“剥离的”标记列表中,并将其添加到“自定义标记”中

尽管如此,尝试从W3Cschools中嵌入一个简单的SVG示例(如下所示)并不会显示该元素

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <circle cx="100" cy="50" r="40" stroke="black"
  stroke-width="2" fill="red"/>
</svg>

嵌入带有“object”标记的SVG图像可以很好地显示SVG图像

<object data="http://upload.wikimedia.org/wikipedia/en/c/ce/SVG-logo.svg"
type="image/svg+xml"></object> 

Plone中是否有我忘记打开或关闭的设置?它不是我的浏览器,因为W3Cschools示例在它自己的网站上显示得很好


谢谢你的指点

禁用portal\u transforms->safe\u html,重新启动服务器,并在编辑项目时单击“编辑而不使用可视化编辑器”,将起作用。 但是,这需要负责任的编辑器(选择安全密码、注销等),因为在没有过滤的情况下可能会发生脚本攻击

编辑: 还有其他的可能性,不需要触摸html过滤器设置,这取决于您的需求。一些想法:

  • 本地准备svg文件,将其作为图像上传,通过TinyMCE插入
  • 将collective.portlet.tal分配给一个项目,插入代码,使用Products.ContentWellPortlet将其定位到您想要的位置

第一个允许通过TinyMCE将svg插入ContentType的文本字段,第二个允许编辑svg元素TTW。但是不能同时拥有这两个元素,或者?

您可能需要正确发送文档的内容类型(以指示它是svg)。

您是否为svg元素指定了宽度和高度?使用CSS还是元素上的属性?是的。并且样式属性是显式允许的。无论如何,谢谢你。