@
目录今天介绍一个开源好用的Web所见即所得(WYSIWYG)编辑器：Editor.js
Editor.js 是一个基于 Web 的所见即所得富文本编辑器，它由CodeX团队开发。源代码托管于Github：https://github.com/codex-team/editor.js
特点
它有两个显著的特点，一个是基于区块（block-styled）的编辑模式，另一个是可以输出干净的数据。
基于区块
基于区块官网是这样解释的：
Editor.js工作区由单独的区块组成：段落、标题、图像、列表、引号等。它们中的每一个都是由 Plugin 提供的独立元素（或更复杂的结构）并由 Editor's Core 连结。
干净的数据
Editor.js 输出干净的json数据而不是 HTML 标记，虽然对浏览器来说，HTML 是更直观的，但对服务器来说，json更精简更关注内容本身，易于重复使用，存储和传输。
对于控件本身也更易于实现，比如在文本“加粗”和“常规”来回切换，基于json的更改一个属性，总要比基于HTML反复添加和删除标记更简单吧？
界面与交互
在编辑区域，Editor.js提供了区块工具栏(Block Tools)，内联工具栏(Inline Tools)和区块编辑栏(Block Tunes)
他们分别通过 加号 + 按钮，选中区块内容和菜单（六个点和尚按钮）来访问
标签：content,--,items,js,WYSIWYG,color,所见即,Editor,data From： https://www.cnblogs.com/jevonsflash/p/18066803