jQuery-Rich-Text-Plug-in: So verwenden Sie das wangEditor-Plug-in

Der Inhalt dieses Artikels befasst sich mit dem Rich-Text-Plugin von jQuery: Wie man das wangEditor-Plugin verwendet. Ich hoffe, dass es für Sie hilfreich ist.

Rich-Text wird während der Entwicklung häufig verwendet. Heute habe ich aufgezeichnet, dass wangEditor auch ein sehr einfach zu verwendendes Rich-Text-Plug-in ist. So verwenden Sie das Bild direkt:
1. Laden Sie zuerst das Plug-in herunter. Sie können es selbst auf Baidu herunterladen.
2. Stellen Sie die Plug-in-Datei vor (zwei js, ein css)

3 , und definieren Sie dann den Rich-Text-Editor im js-Code

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

wobei uploadImgServer die Schnittstelle zum Hochladen von Bildern in Textinhalten ist und uploadFileName der Ordnername von ist Das hochgeladene Bild im Stammverzeichnis dient dazu, die maximale Größe der hochgeladenen Bilder zu definieren.
Nachdem Sie diese Konfigurationen ausgefüllt haben, fügen Sie den folgenden Code an der Stelle hinzu, an der das Rich-Text-Feld eingefügt werden muss:

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

Die ID in p muss editor sein. Schreiben Sie dann editor.create() in js, um ein Rich-Text-Feld zu erstellen. Der Effekt ist wie folgt:

Verwandte Empfehlungen:

Javascript-Ereignisdelegationscode-Implementierung und Codeoptimierung

Detaillierte Fallerklärung: Einführung in die dynamische Programmierung (am Beispiel Treppensteigen)

Wie verwende ich einfachen JS-Code, um den Karussell-Scroll-Effekt zu implementieren?

Das obige ist der detaillierte Inhalt vonjQuery-Rich-Text-Plug-in: So verwenden Sie das wangEditor-Plug-in. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!