首頁 > web前端 > js教程 > 一個用Vue.js 2.0+做出的石墨文檔樣式的富文本編輯器

一個用Vue.js 2.0+做出的石墨文檔樣式的富文本編輯器

php中世界最好的语言
發布: 2018-03-07 09:34:51
原創
4020 人瀏覽過

這次帶給大家一個用Vue.js 2.0+做出的石墨文檔樣式的富文本編輯器,用Vue.js 2.0+做石墨文檔樣式的富文本編輯器的注意事項有哪些,以下就是實戰案例,一起來看一下。

之前一直使用的wangEditor 不能滿足我司編輯和PM需求, 使用過程中也出了很多問題,  simditor 體驗之後效果不是很好, 並且也不維護了; 目前的 後台管理系統 技術選型已經轉向了Vue, 所以就有了這個輪子;

功能

1.輕, 快48 KB

2.自動新增圖片描述框(類似簡書)

3.複製上傳, 多張批次上傳

#4.輕量級備份, 還原, 預覽

5.程式碼精簡, 適合二次開發

6.其他編輯器有的功能

#7.行動端

使用

1

2

// 安装npm install smeditor// 引入import SMEditor from 'smeditor'// 全局组件Vue.use(SMEditor)// 局部组件components: {  'smeditor': SMEditor

}// 使用<smeditor :config=&#39;config&#39;></smeditor>

登入後複製

設定

1

2

3

4

5

6

7

8

9

10

11

12

13

const config = {  //

接口

地址

  uploadUrl: &#39;&#39;,  // form 里的 filename

  uploadName: &#39;&#39;,  // 其他参数

  uploadParams: {},  // 上传成功回调

  uploadCallback: (data) => {    console.log(data)    return &#39;blob:

https://

fiddle.jshell.net/00a0b0b4-d19a-4860-9796-137692aef36f&#39;

  },  // 上传失败回调, 可选

  uploadFailed: (err) => {    console.log(err)

  }

}

登入後複製

相信以上案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

node.js的path模組詳解

用Video.js實作H5直播介面

以上是一個用Vue.js 2.0+做出的石墨文檔樣式的富文本編輯器的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
怎麼實作 JavaScript點與圓的位置關係
來自於 1970-01-01 08:00:00
0
0
0
JavaScript鉤子函數是什麼?
來自於 1970-01-01 08:00:00
0
0
0
c++ 呼叫javascript
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板