當我們把介面都做好以后，我們需要去開發前端界面，
添加文章功能里面，最重要的就是文章內容部分，需要配置上富文本編輯器，這樣才能給我們的內容增加樣式，
下載ueditor代碼
ueditor已經很久沒有更新了，我們現在去github下載壓縮好的代碼包
https://github.com/fex-team/ueditor/releases/tag/v1.4.3.3
下載好以后，可以看到有這些檔案，把這個目錄放到我們的前端資源目錄里
引入加載富文本編輯器
下面是我自己專案里面的目錄，請酌情修改
<script src=https://www.cnblogs.com/taoshihan/p/"/static/js/ueditor/ueditor.config.js"></script> <script src=https://www.cnblogs.com/taoshihan/p/"/static/js/ueditor/ueditor.all.min.js"></script>
在合適的位置放富文本占位標簽
<script id="container" name="content" type="text/plain">這里寫你的初始化內容</script>
下面是我的專案里面加載富文本vue cdn引入模式下的
new Vue({ el: '#app', data: { ue:{}, }, methods: { }, mounted:function(){ }, created: function () { this.ue = UE.getEditor('container'); } })
如果想要獲取內容就是
this.ue.getContent();
修改增加的時候需要設定內容
this.ue.setContent(content);
默認的編輯器高度太低了，可以這樣改高度
<script id="container" name="content" style="height: 380px" type="text/plain"></script>
十年開發經驗程式員，離職全心創業中，歷時三年開發出的產品《唯一客服系統》
一款基于Golang+Vue開發的在線客服系統，軟體著作權編號：2021SR1462600，一套可私有化部署的網站在線客服系統，編譯后的二進制檔案可直接使用無需搭開發環境，下載zip解壓即可，僅依賴MySQL資料庫，是一個開箱即用的全渠道在線客服系統，致力于幫助廣大開發者/公司快速部署整合私有化客服功能， 開源地址：唯一客服（開源學習版） 官網地址：唯一客服官網轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/538865.html
標籤：JavaScript