关于javascript:杂记之手写编辑器

2次阅读

共计 394 个字符,预计需要花费 1 分钟才能阅读完成。

用到的知识点:
  • 1.document.execCommand
  • 2. 光标获取
  • 3.contenteditable
  • 4.vue
实现成果:

就这点小内容也是折腾了好一阵,说的不是很具体重点步骤我贴上了代码,等空了我上传一下 github。
代码:

当一个 HTML 文档切换到设计模式时,document 裸露 execCommand 办法,该办法容许运行命令来操纵可编辑内容区域的元素。(MDN 上官网给的形容) 所以这就引出了一个光标问题,如果页面中没有光标的话,execCommand 这个办法就执行不了,实际:应用点击事件时页面中的光标就隐没了,找了许多办法最初采纳了这位博主的办法,原博链接:https://www.jianshu.com/p/f35fdb013c6f
具体应用:我贴出了我增加文本超链接的办法,

增加图片就更加简略了,间接替换命令 ”insertHtml” 为 ”insertImage”, 心愿对你有所帮忙。

正文完
 0