ホームページ >ウェブフロントエンド >jsチュートリアル >TinyMCE はローカル画像アップロード function_jquery を追加します
TinyMCE はローカル画像アップロード function_jquery を追加します
- WBOYオリジナル
- 2016-05-16 18:17:071179ブラウズ
このようにして、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 属性。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。