jQuery リッチ テキスト プラグイン: wangEditor プラグインの使用方法

この記事の内容は jQuery リッチ テキスト プラグイン: wangEditor プラグインの使用方法に関するもので、必要としている友人が参考になれば幸いです。

開発中にリッチテキストがよく使われます。今日記録したwangEditorも非常に使いやすいリッチテキストプラグインです。画像を直接使用する方法:
1. まず、Baidu からプラグインをダウンロードします。
2. プラグイン ファイル (2 つの JS、1 つの CSS) を導入します。 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>

UploadImgServerはテキストコンテンツ内の画像をアップロードするためのインターフェース、uploadFileNameはルートディレクトリに画像をアップロードするためのフォルダー名、uploadImgMaxSizeはアップロードされた画像を定義する最大サイズですAfterこれらの設定を入力するには、次のコードをリッチ テキスト ボックスに追加する必要があります:

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

p の ID は editor である必要があり、js で editor.create() を記述してリッチ テキスト ボックスを作成します。効果は次のとおりです:

関連する推奨事項:

Javascript イベント委任コードの実装とコードの最適化

詳しいケースの説明: 動的プログラミングの入門 (例として階段登りを取り上げます)

簡単な使用方法カルーセルのスクロール効果を実現するための js コード?

以上がjQuery リッチ テキスト プラグイン: wangEditor プラグインの使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。