在Vue2 0中整合UEditor 富文字編輯器

2022-07-15 14:51:14 字數 1222 閱讀 8280

這類的文章網上有很多,我進行了摸索、手寫**、彙總、排版,形成了這篇文章。

(我把ueditor放到了static靜態目錄下面,這裡的檔案不會被webpack打包,當然你也可以選擇性地放進src中)

我們開啟ueditor.config.js,修改其中的window.ueditor_home_ur配置,如下:

window.ueditor_home_url = "/static/ue/";     //指定編輯器資源檔案根目錄

var url = window.ueditor_home_url || getuebasepath();

,initialframewidth:1000  //初始化編輯器寬度,預設1000

,initialframeheight:320 //初始化編輯器高度,預設320

其他的引數配置,在該檔案中有詳細列出,或者參考官方文件

開啟 /src/main.js 檔案,插入下面的**:

//ueditor

import '../static/ue/ueditor.config.js'

import '../static/ue/ueditor.all.min.js'

import '../static/ue/lang/zh-cn/zh-cn.js'

import '../static/ue/ueditor.parse.min.js'

我們在/src/components/目錄下建立ue.vue檔案,作為我們的編輯器元件檔案。

下面**提供簡單功能,具體使用根據需求完善該元件即可。

簡單地建立乙個需要ueditor的頁面,再該頁面中使用剛才封裝好的ue.vue元件:

顯示編輯器內容

}

效果如下:

// 伺服器統一請求介面路徑

, serverurl: '' //位址管你們後端要去

echats在vue2 0的使用

element 節點id title 表單姓名 titlearr x軸刻度 dataarr 資料 初始化餅圖 initchartpie element,title,titlearr,dataarr,type tooltip legend data 炸藥庫南門 鑽場2 鑽場3 禁區 data 炸藥庫南...

整理vue2 0中的指令

1.v bind 語法糖 將dom的屬性值變成js環境,或者繫結樣式和類 2.v model.實現資料雙向繫結 3.v on 語法糖 為dom繫結事件 4.v if,v else,v else if.條件模板指令.v if可通過true和false的切換實現建立和刪除元素 5.v show 實現元素...

Vue2 0中的Ajax請求

vue可以借助於vue resource來實現ajax請求 http請求報文 瀏覽器與伺服器資料互動是遵循http協議的,當瀏覽器要訪問伺服器的時候,瀏覽器需要將相關請求資料提交給伺服器。格式分為 請求報文行 請求報文頭 請求空行 請求報文體 http響應報文 當瀏覽器請求伺服器的時候,伺服器需要將...