归档: 2020

抛弃contenteditable,实现富文本编辑器

有时候使用contenteditable=true来实现编辑器并不能满足需求 移动端使用contenteditable=true的一些不成问题的问题使用contenteditable=true实现编辑器,经过不断的优化,是可以解决很多问题的。下面一一列出一些问题及其解决方法。 问题一:插入超链接和图片如果不是复制粘贴的方式插入,而是采用点击工具栏,编辑超链接或者是调用相册的方式插入,则中间会出

ace富文本编辑器源码解析

ace富文本编辑器,是一款不错的JavaScript实现的富文本编辑器。它没有采用html的contentEditable实现,而是采用一种自行渲染、类似虚拟DOM的方式实现。我们对阅读了其源码,以期了解其实现原理。 大段源码警告 入口使用ace,初始化代码为 12345<div id="editor">some text</div> <script s