TinyMCE和SVG [英] TinyMCE and SVG

问题描述

我使用的是最新/最新的TinyMCE编辑器(<script type="text/javascript" src='https://cdn.tinymce.com/4/tinymce.min.js'></script>)，它似乎无法显示<svg>。我在一个数据库中保存了一些HTML，该数据库包含一些<svg>。当加载到TinyMCE中时，它不显示。

这是一个已知问题吗(我已经搜索过，但没有找到太多)？有什么解决办法吗？

推荐答案

TinyMCE删除空的无效标记。你可以通过

来解决。

1. 将"&；nbsp"添加到每个空元素：

   svg.find('*').each(function() {
     if (!$(this).html()) {
       $(this).text(' ');
     }
   });
   

   此处SVG是jQuery包装的SVG元素。

2. 根据svg element reference*

   扩展valid elements

   extended_valid_elements: "svg[*],defs[*],pattern[*],desc[*],metadata[*],g[*],mask[*],path[*],line[*],marker[*],rect[*],circle[*],ellipse[*],polygon[*],polyline[*],linearGradient[*],radialGradient[*],stop[*],image[*],view[*],text[*],textPath[*],title[*],tspan[*],glyph[*],symbol[*],switch[*],use[*]"
   

   *注意：我仅添加了与我的案例相关的元素。

这篇关于TinyMCE和SVG的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！