html添加富文本编辑器

1.UEditor
,首先需要下载好demo http://ueditor.baidu.com/website/download.html

<script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>
<script id="editor" type="text/plain" name="gdesc" style="width:100%;height:350px;"></script>
<script type="text/javascript">
  	//实例化编辑器
  	var ue = UE.getEditor('editor', {});
</script>

2.layui 富文本

<-- 先导入文件库–>

<link rel="stylesheet" href="../layui/css/layui.css">

<script src="../layui/layui.js"></script>

<-- body内加入 textarea id为demo-->

<textarea id="demo" style="display: none;">

 把编辑器的初始内容放在这textarea即可

</textarea>

 

<-- js->

<script>

layui.use('layedit', function(){

var layedit = layui.layedit;

layedit.build('demo'); //建立编辑器

});

 

layedit.getContent(index) //获取html

layedit.getText(index) // 获取纯文本

 

//你可以自定义工具栏
layedit.build('LAY_demo2', {
tool: ['face', 'link', 'unlink', '|', 'left', 'center', 'right']
,height: 100
})

 

</script>