php如何引入百度Ueditor富文字編輯器
阿新 • • 發佈:2018-11-19
文字編輯器外掛內容豐富,比起傳統的textarea標籤輸入要好用很多,看看如何在頁面實現引入吧
1.下載適合的資源包(可以去官網下載適合的版本),我是php引入
2.下載後解壓放到一個位置。(我用的是TP框架,所以我放在了我的指定公共資料夾Pbulic下)
3.在頁面中引入
首先在head標籤裡寫引入資源包的路徑,路徑要寫自己存放資源包的路徑
<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.config.js"></script> <script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.all.min.js"></script> <script type="text/javascript" src="__PUBLIC__/ueditor/lang/zh-cn/zh-cn.js"></script>
在需要插入的地方預留標籤,可以是div 或者textarea 讓標籤的id 為content
在頁面尾部新增獲取到編輯器的js程式碼
<script type="text/javascript"> UE.getEditor('content',{initialFrameWidth:800,initialFrameHeight:200}) </script>
現在頁面就可以正常顯示了