写一个自己的富文本编辑器

写一个稍微复杂点的富文本编辑器

写一个自己的富文本编辑器

前几天写了一个《简单的富文本编辑器》这篇博文，没想到刚过两天，项目中就需要自己写一个富文本编辑器。
具体的需求是，在富文本编辑器中编辑好内容，存到数据库，之后app端拿到这些数据以webview的形式展示出来，当然，webview这块也是我来做，但是，在pc端编辑的内容直接放到移动端显示是有问题的，比如像图片大小问题，而且编辑的样式和展示出来的样式完全不一样。所以，我就想自己写一个，不用第三方的库，这样自己可以灵活的按照需求来修改。
暂时写这个小插件只用了一天多，还不是很完善，有些地方还有待修改，如果有时间的话，以后会陆续更新。
废话不多说，直接贴源码地址喽:
jinux-editor
这里有些注意的地方，比如把文字变成粗体，用到了

document.execCommand("bold",false,null);

而取消粗体还是用到了这个命令，执行同一个命令，会切换字体的粗体和非粗体的状态。
但是，这里注意，还有一个方法可以获取现在文本是否是粗体状态

document.queryCommandState('bold');

可以用上面这个命令判断现在的状态，进而修改点击按钮的样式。