この記事の内容は jQuery リッチ テキスト プラグイン: wangEditor プラグインの使用方法に関するもので、必要としている友人が参考になれば幸いです。
開発中にリッチテキストがよく使われます。今日記録したwangEditorも非常に使いやすいリッチテキストプラグインです。画像を直接使用する方法:
1. まず、Baidu からプラグインをダウンロードします。
2. プラグイン ファイル (2 つの JS、1 つの CSS) を導入します。 JSコードエディターのリッチテキスト

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <script type= "text/javascript" >
var E = = window.wangEditor
r var editor = new E('#editor')
editor.customConfig.uploadImgServServer = '上传图片url';
editor.customConfig.uploadFileNameName = '上传图片文件夹名';
editor.customConfig.uploadImgMaxSMaxSize = 图片限制大小;
editor.customConfig.uploadImgHeadHeaders = {
'Accept' : 'multipart/form-data'
};
editor.customConfig.debug=tru=true;
editor.create()
() var editor_value=$('.content').html();
editor.txt.html(edi(editor_value);
</script>
|
ログイン後にコピー
UploadImgServerはテキストコンテンツ内の画像をアップロードするためのインターフェース、uploadFileNameはルートディレクトリに画像をアップロードするためのフォルダー名、uploadImgMaxSizeはアップロードされた画像を定義する最大サイズです

Afterこれらの設定を入力するには、次のコードをリッチ テキスト ボックスに追加する必要があります:
p の ID は editor である必要があり、js で editor.create() を記述してリッチ テキスト ボックスを作成します。効果は次のとおりです:
関連する推奨事項:
Javascript イベント委任コードの実装とコードの最適化
詳しいケースの説明: 動的プログラミングの入門 (例として階段登りを取り上げます)
簡単な使用方法カルーセルのスクロール効果を実現するための js コード?
以上がjQuery リッチ テキスト プラグイン: wangEditor プラグインの使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。