ホームページ > ウェブフロントエンド > jsチュートリアル > ArtEditor リッチ テキスト エディターにフォーム送信機能_JavaScript スキルを追加

ArtEditor リッチ テキスト エディターにフォーム送信機能_JavaScript スキルを追加

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-05-16 15:04:59
オリジナル
1668 人が閲覧しました

概要:

artEditor.js は、画像のアップロードをサポートするモバイル リッチ テキスト エディターで、絵文字、短いビデオ、その他の機能が後で追加されます。最近、artEditor がフォーム送信をサポートしているかどうかを友人が報告しました。 もちろん、この機能が開発される前に、次のようにフォーム送信を実装できます。

1

2

3

4

5

$('.submit').on('click', function(e) {

e.preventDefault();

$('.hidden').val($('#artEditor').getValue());

$(this).submit();

});

ログイン後にコピー

新機能:

次のように、フォームの非表示フィールドの ID を表す formInputId パラメーターが追加され、エディターのコンテンツが非表示フィールドに配置されます。

1

2

3

4

5

6

7

8

9

10

<form action="">

<input type="hidden" id="target">

<div id="artEditor">

</div>

</form>

<script>

$('#artEditor').artEditor({

formInputId: 'target'

});

</script>

ログイン後にコピー

関連記事:

jQuery モバイル アートエディター リッチ テキスト エディター

エディターは、ArtEditor リッチ テキスト エディターにフォーム送信機能を追加する方法について詳しく説明します。お役に立てれば幸いです。

関連ラベル:
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート