Ein Rich-Text-Editor im Graphite-Dokumentstil, erstellt mit Vue.js 2.0+

Dieses Mal bringe ich Ihnen einen Rich-Text--Editor im Graphit-Dokumentstil , der mit Vue.js 2.0+ erstellt wurde, einen Rich-Text-Editor im Graphit-Dokumentstil, der mit Vue.js 2.0+ Notizen erstellt wurde Was sind die folgenden? Werfen wir einen Blick auf tatsächliche Fälle.

Der wangEditor, den ich zuvor verwendet habe, kann unsere Bearbeitungs- und PM-Anforderungen nicht erfüllen, und es gibt viele Probleme bei der Verwendung. Nach der Erfahrung mit Simditor ist der Effekt nicht sehr gut und wird nicht beibehalten Aktuelle Auswahl der Backend-Management-System-Technologie Das Modell hat sich an Vue gewandt, daher gibt es dieses Rad;

Funktion

1. Leicht und schnell 48 KB

2 >Bilder hinzufügenBeschreibungsfeld (ähnlich einem kurzen Buch)

3. Kopieren

Hochladen, Hochladen mehrerer Fotos in Stapeln

4. Vorschau

5. Optimierter Code, geeignet für die Sekundärentwicklung

6. Funktionen, die andere Editoren haben

7. Mobiles Terminal

verwendet

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

Konfiguration

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)
  }
}

Ich glaube, Sie beherrschen die Methoden in den oben genannten Fällen. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Detaillierte Erläuterung des Pfadmoduls von node.js

Verwendung von Video.js zur Implementierung von H5 Live-Übertragungsschnittstelle

Das obige ist der detaillierte Inhalt vonEin Rich-Text-Editor im Graphite-Dokumentstil, erstellt mit Vue.js 2.0+. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!