TinyMCE はローカル画像アップロード function_jquery を追加します

このようにして、TinyMCE は正常に画像を表示できるようになります。実際、この関数は通常の HTML リッチ テキスト コントロールの基本関数に属します。既存の要件は、ローカル画像を直接アップロードしてテキスト領域に画像を表示するように TinyMCE を拡張します。
実装のアイデア:
Ajax を使用して画像をアップロードします。このアップロード方法では、TinyMCE の画像アップロード拡張機能をよりわかりやすく実装できます。
具体的な方法については、以前の記事を参照してください。Jquery ajaxsubmit を使用してアップロードします。画像。 Ajax でアップロードした画像を TinyMCE に統合します。
主に TinyMCE ディレクトリ内の tinymcejscriptstiny_mceplugins の advimage プラグインを修正します。
TinyMCE を知っている人は、TinyMCE が FireFox に似ていることを知っているはずです。 開発者は、自分のニーズに合ったプラグインを作成できます。
それでは、advimage プラグインを少し変更するだけです。 advimage
ディレクトリに image.htm の jquery 画像非同期送信コードを追加します。

コードをコピーします コードは次のとおりです。

もちろん、flUpload の input type="file" は、form HTML タグと

メソッドでラップする必要があります。 = post" enctype="multipart/form-data" action=url 属性。

プログラムのスクリーンショットは次のとおりです: