# 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> ~~~