example_UEditor富文本编辑器
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="../Public/plugins/ueditor/ueditor.config.js"></script> <!-- 配置文件 --> <script src="../Public/plugins/ueditor/ueditor.all.min.js"></script> <!-- 编辑器源码文件 --> <title>ueditor demo</title> </head> <body> <!-- 加载编辑器的容器 --> <script id="editor" name="content" type="text/plain" style="width:800px;height:300px;"> 这里写你的初始化内容 </script> <div id="btn"> <button onclick="getAllHtml()">获得整个html的内容</button> <button onclick="getContent()">获得内容</button> <button onclick="setContent()">写入内容</button> <button onclick="setContent(true)">追加内容</button> <button onclick="getContentTxt()">获得纯文本</button> <button onclick="getPlainTxt()">获得带格式的纯文本</button> <button onclick="hasContent()">判断是否有内容</button> </div> <!-- 实例化编辑器 --> <script type="text/javascript"> var ue = UE.getEditor('editor'); function getAllHtml() { alert(UE.getEditor('editor').getAllHtml()) } --> function getContent() { var arr = []; arr.push(UE.getEditor('editor').getContent()); alert(arr.join("\n")); } function setContent(isAppendTo) { var arr = []; UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo); alert(arr.join("\n")); } function getContentTxt() { var arr = []; arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容"); arr.push("编辑器的纯文本内容为:"); arr.push(UE.getEditor('editor').getContentTxt()); alert(arr.join("\n")); } function getPlainTxt() { var arr = []; arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容"); arr.push("内容为:"); arr.push(UE.getEditor('editor').getPlainTxt()); alert(arr.join('\n')) } function hasContent() { var arr = []; arr.push("使用editor.hasContents()方法判断编辑器里是否有内容"); arr.push("判断结果为:"); arr.push(UE.getEditor('editor').hasContents()); alert(arr.join("\n")); } </script> </body> </html>