Ueditor富文本编辑器
使用
1.基础Demo
1)代码
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>ueditor demo</title>
</head>
<body>
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor('container');
</script>
</body>
</html>
2)效果
2.获取和设置
1)基础Dome
说明:1.如果读取设置的代码写在js的load事件里了,就不需要ready了吧。
2.设置使用setContent('文本内容');
3.获取html使用getContent();
4.获取纯文本使用getContentTxt();
2)如何获取未被文本过滤规则过滤的文本?
这话说的有点绕。我先解释一下,我们在Ueditor的API文档中看getContent函数会有这样一段说明。
也就是说,如果你想写入一些代码类的文本,很可能被过滤掉。这些文本如何完整的获得?我说的就是这个问题。
方法很简单,还记得我们在初始化文本编辑器的时候吗?
我们直接获取。
//这里获取的文本是未过滤的。
var note = UE.getEditor('noteEditor').getContent();