ホームページ  >  記事  >  ウェブフロントエンド  >  Vue.js 2.0+ で作られたグラファイト ドキュメント スタイルのリッチ テキスト エディター

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

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-07 09:34:513914ブラウズ

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

機能

1. 軽量、高速 48 KB

2. 自動的に

写真を追加

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

3. コピーアップロード

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

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

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

7.

使用

// 安装npm install smeditor// 引入import SMEditor from 'smeditor'// 全局组件Vue.use(SMEditor)// 局部组件components: {  'smeditor': 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 サイトの他の関連記事に注目してください。

関連書籍:

node.jsのパスモジュールの詳しい説明

Video.jsを使用してH5ライブブロードキャストインターフェイスを実装する

以上がVue.js 2.0+ で作られたグラファイト ドキュメント スタイルのリッチ テキスト エディターの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。