富文本编辑器小结
近况 最近由于公司业务上的需求,我们需要一个自己的编辑器来编写我们得到APP里面的订阅文章,为什么需要自己的编辑器,主要是因为用第三方的编辑器很难完成公司定制化的需求,比如:排版上我们想要更好看点,统一,因为各个订阅专栏编辑的人不一样,容易造成各种不同的审美差异,解决方案有2种: 采用一个可定制化的第三方富文本编辑器,然后自己写插件来满足自己的要求。 自己写一个富文本编辑器。 最后和团队的人商量决定,自己撸一个吧,因为使用第一种方案,依赖于别人的开源插件,总是不太放心,而且害怕到时候有什么问题,要研究他们的源码,那就跟自己写差不多多少,而且我们自己撸一个,并非要写一个非常通用,可以开源的富文本编辑器,我们只需要针对我们自己业务,写一个定制化符合公司使用的编辑器就行了。综上,我开始了这次非常愉快(坑爹)的编辑器之旅!!! 先看效果图,如图所示,如果有订阅了我们得到APP里面专栏文章的,可以对比下,现在和8月的文章就能看出来了。 无处不在的坑 首先web端的富文本编辑器,基本命令参照 documen命令文档 ,兼容性的问题就不说了,大家都知道,主要说说一些开发了才能知道的坑。 div还是p 可编辑模式下(是否支持可编辑可以用[HTMLElement.isContentEditable ]( https://developer.mozilla.org... 命令来查看的)