Maison > interface Web > js tutoriel > Plug-in de texte enrichi jQuery : Comment utiliser le plug-in wangEditor

Plug-in de texte enrichi jQuery : Comment utiliser le plug-in wangEditor

不言
Libérer: 2018-08-09 17:50:47
original
3275 Les gens l'ont consulté

Le contenu de cet article concerne le plug-in de texte enrichi jQuery : comment utiliser le plug-in wangEditor. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Le texte riche est souvent utilisé pendant le développement. Aujourd'hui, j'ai noté que wangEditor est également un plug-in de texte riche très facile à utiliser. Comment utiliser l'image directement :
1. Téléchargez d'abord le plug-in Vous pouvez le télécharger vous-même sur Baidu
2. Présentez le fichier du plug-in (deux js, ​​un css)
<.>Plug-in de texte enrichi jQuery : Comment utiliser le plug-in wangEditor3 , puis définissez l'éditeur de texte enrichi dans le code js

Plug-in de texte enrichi jQuery : Comment utiliser le plug-in wangEditor

<script type="text/javascript">
        var E =  = window.wangEditor
  r        var editor = new E(&#39;#editor&#39;)        
  // 或者 var editor = new E( E( document.getElementByItById(&#39;editor&#39;) )
           editor.customConfig.uploadImgServServer = &#39;上传图片url&#39;;

           editor.customConfig.uploadFileNameName = &#39;上传图片文件夹名&#39;;
           editor.customConfig.uploadImgMaxSMaxSize = 图片限制大小;
           editor.customConfig.uploadImgHeadHeaders = {            
           &#39;Accept&#39; : &#39;multipart/form-data&#39;
        };
           editor.customConfig.debug=tru=true;
           editor.create()
 ()        var editor_value=$(&#39;.content&#39;).html();
           editor.txt.html(edi(editor_value);    
           </script>
Copier après la connexion
où uploadImgServer est l'interface pour télécharger des images dans du contenu texte et uploadFileName est le dossier nom pour télécharger les images dans le répertoire racine Oui, uploadImgMaxSize consiste à définir la taille maximale des images téléchargées

Après avoir rempli ces configurations, ajoutez le code suivant à l'endroit où vous devez insérer la zone de texte enrichi :

Plug-in de texte enrichi jQuery : Comment utiliser le plug-in wangEditor

<p id="editor"></p>
Copier après la connexion
L'identifiant dans p Il doit s'agir d'un éditeur, puis écrire editor.create() en js pour créer une zone de texte riche L'effet est le suivant :

Plug-in de texte enrichi jQuery : Comment utiliser le plug-in wangEditorRecommandations associées :

Délégation d'événements javascript Implémentation du code et optimisation du code

Explication détaillée du cas : Introduction à la programmation dynamique (en prenant comme exemple la montée d'escaliers)

Comment l'implémenter avec un simple effet de défilement de carrousel de code js ?

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal