vue + neditor + 集成秀米編輯器


1:vue引入neditor,先下載引用:

        <vue-neditor-wrap v-model="content" :config="myConfig" :destroy="false" @ready="ready"></vue-neditor-wrap>

 

 

 2:更改相關配置:

在neditor.config.js中這是遠程圖片抓取到本地設置為true

 

3:下載秀米相關文件:並正確引如和使用

在秀米編輯器官網中下載這兩個文件並放入的項目目錄為:

 

並下載秀米相關的css,js文件,並放入dialogs文件夾下面

 

 

 xiumi-ue-dialog-v5.js文件中的iframeUrl可修改,根據項目打包后實際路徑做更改。(該js文件中的代碼也可放入neditor.all.js中,並對iframeUrl路徑進行配置)

 

 

 最后秀米編輯器顯示如下:

 

 

 

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM