文本编辑器js插件

Posted 2020-09-11 5572

1.首先引入所需js文件

1 <!--文本编辑器js组件-->
2 <script type="text/javascript" charset="utf-8" src="ueditor/utf8-php/ueditor.config.js"></script>  
3 <script type="text/javascript" charset="utf-8" src="ueditor/utf8-php/ueditor.all.min.js"> </script>  
4 <script type="text/javascript" charset="utf-8" src="ueditor/utf8-php/lang/zh-cn/zh-cn.js"></script>

2.在用到文本编辑器的地方加入以下代码

1 <script id="editor" type="text/plain" style="width:100%;height:500px" ></script>

3.js代码

1 //实例化编辑器  
2 var ue = UE.getEditor(‘editor‘);  
3 var a = ue.getContent();//获取编辑器内容
4 alert(a);

注：这里我们用到的是UEditor编辑器php utf-8版本，所需js文件可以到UEditor编辑器官网下载。