rich-text-editor

时间:2024-05-20 02:05:14
【文件属性】:

文件名称:rich-text-editor

文件大小:3KB

文件格式:ZIP

更新时间:2024-05-20 02:05:14

JavaScript

富文本编辑器的探索 动手实现一个富文本编辑器 记录 document.execCommand会对鼠标选择的文本执行命令,目前就是做到这个, 接下来需要怎么做到编程选择文本 观察Quill的操作方式,发现它的交互与我第一点里想的不一样,是点击B后变成粗体模式, 再次点击变成正常模式,来试试,见提交 step2的交互是点击editor触发编辑模式,然后点击B修改为粗体模式,接着再次触发编辑 模式,这时进行编辑就是粗体,如果再次点击B,此时再编辑便回到正常模式。这里发现虽然editor 失去焦点,但是点击B后的模式还是一直存在,所以document.execCommand不仅仅是对选择的文本 有作用,而且还对编辑激活状态的editor的区域保持了一个模式状态,这个模式状态会保持着,然后 接下来的编辑都会应用这个模式 formatBlock命令是对当前所有的内容加一个包裹,通过回车键以后会对新一行


【文件预览】:
rich-text-editor-master
----src()
--------index.html(399B)
--------js()
--------css()
----README.md(2KB)
----.gitignore(6B)

网友评论