html svg 数据格式转换,将格式化的html文本转换为svg

我正在寻找一个JavaScript工具/ lib，它可以将格式化的html文本(字体标记，边距等)转换为svg。我使用bootstrap-wysiwyg来启用富文本输入，但需要将结果转换为本地svg。最初的HTML是一样的东西：将格式化的html文本转换为svg

Go ahead… and 

by the 

way

style="color: inherit;"> 

all is now

能获得与编辑玩弄后相当复杂的功能有点。另外我会很高兴找到一个类似的JavaScript WIWhSWYG富文本编辑器，它直接创建本地svg，但到目前为止我还没有找到任何东西。

任何指针高度赞赏。

UPDATE： 虽然仍然在寻找我的实验，现在有 http://quilljs.com/ 这似乎是非常有前途的，因为它至少不会工作的一半，你一个完整的解决方案。它有一个非常方便的API，通过它可以将当前文本的所有格式信息表示为文本/格式对象数组(在其自己的术语中称为Deltas)。这些Deltas是创建所需SVG文本的一个非常好的起点，特别是如果您像我的情况那样只需要一小部分常用富编辑器功能。

+2

。如果产生SVGs打算只显示在浏览器中，你可以使用''元素在你的SVG来使嵌入HTML。如果这是不可接受的，那么你尝试了谷歌搜索吗？我发现至少有两种不同的工具。 –

2014-09-13 10:17:09

+0

感谢BigBababook，我正在研究这个问题，但我仍然需要使用文本作为掩蔽路径的能力，所以foreinObject不会为我做。不过，再次感谢评论。 –

2014-09-13 10:36:32

+0

我知道如何用http://www.cloudformatter.com/CSS2Pdf.Demos.TryIt来做到这一点。后端支持SVG以及PDF输出。在后端服务器上启用SVG支持需要一天的时间。 –

2014-09-13 21:18:52