# tp5中百度编辑器的使用 # 简易编辑器 wangedit03 的使用 ## tp5中百度编辑器的使用 ~~~ 1.下载http://ueditor.baidu.com/website/download.html [1.4.3.3 PHP 版本] 2.放入项目中 public/static中 3.上代码 <textarea placeholder="请输入内容" class="layui-textarea" name="cpinfo" id="bianjiqi" style="border:0;padding:0"></textarea> <!-- 配置文件 --> <script type="text/javascript" src="__STATIC__/ueditor/ueditor.config.js"></script> <!-- 编辑器源码文件 --> <script type="text/javascript" src="__STATIC__/ueditor/ueditor.all.js"></script> <!-- 实例化编辑器 --> <script type="text/javascript"> var ue = UE.getEditor('#bianjiqia',{ initialFrameWidth : 800, initialFrameHeight: 600 }); </script> ~~~ ## wangedit 编辑器的使用过 * 点击[https://github.com/wangfupeng1988/wangEditor/releases](https://github.com/wangfupeng1988/wangEditor/releases)下载最新版。进入`release`文件夹下找到`wangEditor.js`或者`wangEditor.min.js`即可 2.放入项目中 public/static中 ~~~ <div id="editor"> <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p> </div> <!-- 注意， 只需要引用 JS，无需引用任何 CSS ！！！--> <script type="text/javascript" src="/wangEditor.min.js"></script> <script type="text/javascript"> var E = window.wangEditor var editor = new E('#editor') // 或者 var editor = new E( document.getElementById('editor') ) editor.create() </script> ~~~