基于画布的编辑器 - 如何?

Ale*_*der 1 javascript html5 text canvas text-editor

我一直在尝试使用HTML5 canvas开发文本编辑器(作为个人项目),但是我遇到了实现复制/粘贴/退格功能的问题.我已经研究了大约六个项目的源代码,就像这个项目一样,但我还没有找到解决方案.

任何人都可以推荐一种快速,有效的方式来实现这种功能吗?

Sho*_*ock 5

我们使用这样的方式:焦点在隐藏的textarea中,所以ctrl-v正常工作.在文本更改时,您可以更改画布图像.您可以轻松同步选择.您可以绑定textarea"input"事件以捕获所有更改:

输入:当用户在文本框中输入文本时发送此事件.当显示的文本会改变此事件只调用,因此当用户按下不可显示的键那就不叫.

我认为,这是最好的也是唯一正确的方法(如果没有它,你无法在javascript中使用剪贴板)