Maison  >  Article  >  interface Web  >  Un éditeur de texte enrichi de style document graphite réalisé avec Vue.js 2.0+

Un éditeur de texte enrichi de style document graphite réalisé avec Vue.js 2.0+

php中世界最好的语言
php中世界最好的语言original
2018-03-07 09:34:513915parcourir

Cette fois, je vous présente un éditeur de texte riche de style document graphite réalisé avec Vue.js 2.0+, un éditeur de texte riche de style document graphite réalisé avec Vue.js 2.0+ Choses à noterQuels sont les cas suivants ? Jetons un coup d'œil à des cas réels.

Le wangEditor que j'utilisais auparavant ne peut pas répondre à nos besoins d'édition et de PM, et il y a de nombreux problèmes lors de l'utilisation. Après l'expérience de simditor, l'effet n'est pas très bon et il n'est pas maintenu ; sélection actuelle de la technologie du système de gestion backend Le modèle s'est tourné vers Vue, il y a donc cette roue ;

Fonction

Léger et rapide 48 Ko

Automatiquementajouter des images Zone de description (semblable à un petit livre)

3. Copier

télécharger, télécharger par lots plusieurs photos

4.

5. Code rationalisé, adapté au développement secondaire

6. Fonctionnalités dont disposent d'autres éditeurs

7. Le terminal mobile

utilise

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

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)
  }
}
Je pense que vous maîtrisez les méthodes dans les cas ci-dessus. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Explication détaillée du module path de node.js

Utilisation de Video.js pour implémenter H5 interface de diffusion en direct

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn