用到的知识点:
- 1.document.execCommand
- 2.光标获取
- 3.contenteditable
- 4.vue
实现成果:
就这点小内容也是折腾了好一阵,说的不是很具体重点步骤我贴上了代码,等空了我上传一下github。
代码:
当一个HTML文档切换到设计模式时,document
裸露 execCommand
办法,该办法容许运行命令来操纵可编辑内容区域的元素。(MDN上官网给的形容) 所以这就引出了一个光标问题,如果页面中没有光标的话,execCommand这个办法就执行不了,实际:应用点击事件时页面中的光标就隐没了,找了许多办法最初采纳了这位博主的办法,原博链接:https://www.jianshu.com/p/f35fdb013c6f
具体应用:我贴出了我增加文本超链接的办法,
增加图片就更加简略了,间接替换命令"insertHtml"为"insertImage",心愿对你有所帮忙。