Vue.js 2.0+ で作られたグラファイトドキュメントスタイルのリッチテキストエディター-jsチュートリアル-php.cn

Vue.js 2.0+ で作られたグラファイトドキュメントスタイルのリッチテキストエディター

php中世界最好的语言

リリース： 2018-03-07 09:34:51

オリジナル

3870 人が閲覧しました

今回は Vue.js 2.0 以降で作成したグラファイトドキュメントスタイルのリッチテキストエディターをご紹介します。実際のケースを見てみましょう。私たちが以前使用していたwangEditorは、当社の編集者やPMのニーズを満たすことができず、使用中に多くの問題が発生しました。simditorの経験後、効果はあまり良くなく、維持されなくなりました。現在のバックエンド管理システムのテクノロジーの選択は Vue に切り替えられているため、このホイールがあります。

機能

1. 軽量、高速 48 KB

2. 自動的に

写真を追加

説明ボックス (短い本に似ています)

3. コピーアップロード

、複数の写真の一括アップロード

4. 軽量のバックアップ、復元、プレビュー

5. 他のエディターが備えている機能

使用

// 安装npm install smeditor// 引入import SMEditor from &#39;smeditor&#39;// 全局组件Vue.use(SMEditor)// 局部组件components: {  &#39;smeditor&#39;: SMEditor
}// 使用<smeditor :config=&#39;config&#39;></smeditor>

ログイン後にコピー

構成

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 中国語 Web サイトの他の関連記事に注目してください。