I am looking for a javascript / lib tool that can convert formatted html text (font tags, fields, etc.) to svg. I use bootstrap-wysiwyg to enable advanced text input, but I need to get the result converted to native svg. The initial html looks something like this:
<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>
which can become quite complicated after playing with a small editor. Alternative, I would be very glad to find a similar text editor javascript WIWhSWYG, which immediately creates a native svg, but has not found anything yet.
Any pointer is highly appreciated.
UPDATE:
,
http://quilljs.com/
, . API, Text/Format ( Deltas ). Deltas SVG, , , .