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

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)
<.>3 , puis définissez l'éditeur de texte enrichi dans le code js

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

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 :

<p id="editor"></p>

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 :

Recommandations 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!