百度的Ueditor

var editor = new baidu.editor.ui.Editor({
     textarea : 'ueditorvale'//后台可以接收这个变量
});

 使用百度的Ueditor富文本编辑器流程

第一步：引入js

 

<script type="text/javascript" src="......jquery.min.js"></script>
<script type="text/javascript" src="......editor_config.js.jsp"></script>
<script type="text/javascript" src="......editor_all.js"></script>

 

第二步：引入css

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

 

第三步：热身结束进入正题-->创建文本标签容器

<div id="BaiEditor"></div>

 

第四步：创建Editor主体对象

var editor = new baidu.editor.ui.Editor({
	textarea : 'ueditorvale'//后台接收这个变量
});
editor.render("BaiEditor");//渲染呈现

 

第五步：editor的取值和赋值

赋值：editor.setContent(“str”);
取值：editor.getContent() ;

 

----------------------------------------------------------知识小课堂---------------------------------------------------------

*、jquery获取texteart的三种方式

textarea.text()-->火狐不支持该用法
textarea.val()-->兼容性较好
textarea.innerHtml-->获得包含html标签的所有内容
textarea.innerText-->获取去除html标签的所有内容