ホームページ > 記事 > ウェブフロントエンド > Vue.js 2.0+ で作られたグラファイト ドキュメント スタイルのリッチ テキスト エディター
今回は Vue.js 2.0 以降で作成したグラファイト ドキュメント スタイルのリッチ テキスト エディター をご紹介します。実際のケースを見てみましょう。 私たちが以前使用していたwangEditorは、当社の編集者やPMのニーズを満たすことができず、使用中に多くの問題が発生しました。simditorの経験後、効果はあまり良くなく、維持されなくなりました。現在のバックエンド管理システムのテクノロジーの選択は Vue に切り替えられているため、このホイールがあります。
機能1. 軽量、高速 48 KB2. 自動的に写真を追加
説明ボックス (短い本に似ています)3. コピーアップロード
、複数の写真の一括アップロード5. 他のエディターが備えている機能7. 使用// 安装npm install smeditor// 引入import SMEditor from 'smeditor'// 全局组件Vue.use(SMEditor)// 局部组件components: { 'smeditor': SMEditor }// 使用<smeditor :config='config'></smeditor>構成
const config = { // 接口 地址 uploadUrl: '', // form 里的 filename uploadName: '', // 其他参数 uploadParams: {}, // 上传成功回调 uploadCallback: (data) => { console.log(data) return 'blob: https:// fiddle.jshell.net/00a0b0b4-d19a-4860-9796-137692aef36f' }, // 上传失败回调, 可选 uploadFailed: (err) => { console.log(err) } }信頼 上記の場合の方法をマスターしました。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 関連書籍:
node.jsのパスモジュールの詳しい説明
Video.jsを使用してH5ライブブロードキャストインターフェイスを実装する
以上がVue.js 2.0+ で作られたグラファイト ドキュメント スタイルのリッチ テキスト エディターの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。