Heim > Web-Frontend > js-Tutorial > Hauptteil

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

php中世界最好的语言
Freigeben: 2018-03-07 09:34:51
Original
3922 Leute haben es durchsucht

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>
Nach dem Login kopieren
Konfiguration

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)
  }
}
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage