vue cli3結合ueditor裡使用秀公尺總結

2021-09-28 04:57:02 字數 1121 閱讀 2476

第一步:安裝vue-ueditor-wrap:npm i vue-ueditor-wrap

第四步:修改檔案

1. ueditor.config.js :修改

section:['class', 'style'],

img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', '_url', 'loadingclass', 'class', 'style', 'data-latex','data-ratio','data-w','_width'],

//編輯器放在彈出框裡字型顏色等其他屬性彈出框會被遮蓋,這裡修改層級就行

zindex:2001,

2. xiumi-ue-dialog-v5.js :修改iframeurl值editor.ui.ueditor_home_url+ 'dialogs/xiumi-ue-dialog-v5.html'

3. xiumi-ue-dialog-v5.html : 修改引入internal.js的位置,並加入editor.fireevent("catchremoteimage");這句話,(將秀公尺儲存本地用的)

第五步:在public/index.html裡引入資源:(注意引入順序)

最後一步:在頁面中使用ueditor

將 ueditor_home_url設定為process.env.base_url+'static/ue/',

serverurl為實際的上傳介面

vue cli 3學習要點

只整理了一下vue cli 3的基礎內容部分,其他的見官網 一 簡介vue3 1.它可以通過 vue create 快速建立乙個新專案的腳手架,或者直接通過 vue serve 構建新想法的原型,不需要vue2.0那樣用webpack來構建專案 2.在專案建立的過程中,你也會被提示選擇喜歡的包管理器...

vue cli3建立專案

預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...

Vue cli3配置說明

關於 以及process.env.使用和說明 scripts 以上是package.json中的一段指令碼。可看到我們的執行命令後面就會跟著mode,mode對應的值分別都有對應的檔案,如上mode分別有dev prod test三種模式,對應的專案中就會有三個檔案.env.dev env.prod...