WYSIWYG 编辑器比较流行的有ckeditor，ueditor（百度产品），总体来说国内使用ueditor还是偏多一点，ckeditor是国外比较出名的，以前的使用也比较多，不过切图网近几年用ueditor的比较多，可能是文档更加全面详细吧。有时候需要实现简易可编辑效果，可以不用这些成品，简单也可以实现，附一些基本原理。

HTML 自带有让dom可编辑的属性，可以让DOM 作为容器进入编辑状态，只需要为这个 DOM 添加一个 contentEditable 属性。 一般来讲，是使用div或者article元素作为这样的容器。

被添加 contentEditable 属性的容器元素的子元素都就可以由用户修改了， 如果想在这个容器下面嵌套一个不可修改的子元素，需要显式地在这个子元素中添加 contentEditable='false'这样的声明。

而剩下的工作 可以获取编辑后的代码进行保存即可。

标签：contentEditable, ueditor, WYSIWYG, 富文本编辑器, 编辑器