转载请说明作者或者注明出处，谢谢

 

说到前端常用的编辑器，自然也少不了富文本编辑器（RichText Editor）

笔者在此之前也看了一些相关的在线编辑器，其中包括了当百度搜索“富文本编辑器”字样时出现在最上面的百度UEditor，里面的功能相当丰富，但是配置也相对复杂，对于使用者要求较高。况且在轻量级网页应用的开发中也并不需要如此多的功能，所以真正需要的是一个使用简单的轻量级富文本编辑器，出于方便考虑，也应该尽可能保证“所见即所得”原则。

wangEditor正是其中之一（官网链接：）

另外值得一提的是，该editor的官网所提供的demo以及入门文档写的十分友好，稍有前端经验的代码手即可快速配置上手。好了废话不多说，上我自己的源代码：

1  2      3         
      4         
      5          6      7      8         
      9         10     11         
     12         
     
      13             
      
       14             15             
      
16         
     
17         18         
     19         
     
20         21         
     22         36     37         
     38         39         
     40     41 

 

效果图：