HTML5 Canvas 上的富文本编辑

Posted

技术标签:

【中文标题】HTML5 Canvas 上的富文本编辑【英文标题】:Rich text editing on HTML5 Canvas 【发布时间】:2017-10-14 08:06:40 【问题描述】:

是否有任何可以与 html5 画布一起使用的富文本编辑库?我试过调查:

    你好编辑器 它指向不是画布库的 createjs.org。 http://bergie.iki.fi/blog/hallo-editor/ Froala(具有很多功能的很棒的库) https://www.froala.com/wysiwyg-editor/inline

我正在寻找类似的东西,它适用于 HTML5 Canvas 元素。

【问题讨论】:

【参考方案1】:

HTML5 Canvas 不是富文本的好目标,因为它的功能非常有限。有很多很棒的 HTML DOM 解决方案,所以如果你有一个画布应用程序,最好的选择是使用 EaselJS DOMElement 之类的东西来包装基于 DOM 的元素,并像 EaselJS 显示列表的子元素一样控制它们。

http://createjs.com/demos/easeljs/DOMElement.html http://www.createjs.com/docs/easeljs/classes/DOMElement.html

【讨论】:

【参考方案2】:

嗯,http://earwicker.com/carota 有 Carota。目前正在http://richtextjs.com 开发一个新的(免责声明,我是作者)。

【讨论】:

以上是关于HTML5 Canvas 上的富文本编辑的主要内容,如果未能解决你的问题,请参考以下文章

完全可定制的富文本编辑框架——Slate.js

为啥富文本编辑器提交的为editorvalue

有哪些比较轻的富文本编辑器

UEditor富文本编辑器,请问如何保存编辑好的内容到html文件?

百度的富文本编辑器Ueditor兼容问题

javascript中的富文本编辑