<分区>
我正在寻找可以将格式化的 html 文本(字体标签、边距等)转换为 svg 的 javascript 工具/lib。我正在使用 bootstrap-wysiwyg 来启用富文本输入,但需要将结果转换为 native svg。最初的 html 是这样的:
<div id="editor" contenteditable="true">Go <font face="Sans">ahead</font>… and
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;">
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;">
<div><font size="15" face="Impact">by the </font></div>
</blockquote>
</blockquote>
<div>
<div style="text-align: center;"><font size="15" face="Courier New" style="color: inherit;">way</font><span
style="color: inherit;"> </span></div>
</div>
<div>
<div style="text-align: left;"><span style="color: inherit;">all is now</span></div>
</div>
在使用了一些编辑器功能后,它会变得相当复杂。或者我会很高兴找到一个类似的 javascript WIWhSWYG 富文本编辑器,它可以立即创建原生 svg,但到目前为止我还没有找到任何东西。
任何指针高度赞赏。
更新: 在寻找完整的解决方案的同时,我现在正在尝试 http://quilljs.com/ 这看起来很有希望,因为它至少为您完成了一半的工作。它有一个非常方便的 API,通过它您可以获得当前文本的表示及其所有格式信息,作为文本/格式对象数组(在其自己的术语中称为增量)。这些增量是创建所需 SVG 文本的一个很好的起点,特别是如果您像我一样只需要通用富编辑器功能的一小部分。