1

Bootstrap wysiwyg5 エディターをフォームの一部として使用しています。

このテキスト領域はたまたま必須フィールドです (空であってはなりません)。ユーザーがこのフィールドに値を入力したかどうかを検証したい。Bootstrap wysiwyg が Iframe を使用してコンテンツを表示していることがわかります。これを行うことで、jQueryでiframeの本体のコンテンツにアクセスしようとしました:

$('.textarea.wysihtml5-editor').html()

しかし失敗しました。

私の質問は次のとおりです。ユーザーがこの Bootstrap wysiwyg テキストエリアにテキストを入力したかどうかを確認するにはどうすればよいですか。私を助けてください。

4

2 に答える 2

2

この質問を試しましたか？

jQueryでiframeのコンテンツにアクセスするには?

上記の質問からの答え：

$("#myiframe").contents().find("#myContent")

元の回答を追加するために編集しました：

$('.textarea.wysihtml5-editor').val()
于 2013-06-06T14:21:23.157 に答える
1

wysiwyg エディターは、モーダルを作成する前にトリガーされるため、ブートストラップ モーダルでは動作しません..または何か。そのため、wysiwyg エディターの前にモーダルをトリガーするのが最善の方法です。

function showmymodal(){
$('#modal').modal('show');
$("#modal").html(' <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">modal header</h3></div>
<div class="modal-body">
<textarea id="textarea"></textarea>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</form>');
$('#textarea').wysihtml5({
"font-styles": true, 
"emphasis": true,
"lists": true, 
"html": false, 
"link": true, 
"image": true, 
"color": true 
});
}

チュートリアルのウェブサイトで確認できます

于 2013-07-08T16:07:20.210 に答える