百度的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的取值和赋值

扫描二维码关注公众号,回复: 326312 查看本文章
赋值:editor.setContent(“str”);
取值:editor.getContent() ;

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

*、jquery获取texteart的三种方式

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

猜你喜欢

转载自lbovinl.iteye.com/blog/2350784
今日推荐