Javascript 如何在twitter引导WYSIWYG5中获取编辑器对象

Javascript 如何在twitter引导WYSIWYG5中获取编辑器对象,javascript,twitter-bootstrap,textarea,wysiwyg,Javascript,Twitter Bootstrap,Textarea,Wysiwyg,我正在使用Bootstrap wysiwyg5编辑器作为表单的一部分 此文本区域恰好是必填字段(不应为空)。我想验证用户是否在此字段中输入了任何值。我看到引导所见即所得使用Iframe来显示内容。我尝试通过以下操作在jQuery中访问iframe主体的内容: $('.textarea.wysihtml5-editor').html() 但失败了 我的问题是:如何检查用户是否在引导所见即所得文本区域中输入了一些文本。请帮帮我。你试过这个问题吗 上述问题的答案如下: $("#myiframe")

我正在使用Bootstrap wysiwyg5编辑器作为表单的一部分

此文本区域恰好是必填字段(不应为空)。我想验证用户是否在此字段中输入了任何值。我看到引导所见即所得使用Iframe来显示内容。我尝试通过以下操作在jQuery中访问iframe主体的内容:

$('.textarea.wysihtml5-editor').html()
但失败了


我的问题是:如何检查用户是否在引导所见即所得文本区域中输入了一些文本。请帮帮我。

你试过这个问题吗

上述问题的答案如下:

$("#myiframe").contents().find("#myContent")
编辑以添加我的原始答案:

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

所见即所得编辑器在引导模式下不工作,因为它在创建模式之前触发。。或者别的什么。因此,最好的方法是在所见即所得编辑器之前触发模态

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 
});
}
函数showmymodal(){
$('#model')。model('show');
$(“#模态”).html('
×
模态头
接近
');
$('#textarea')。所见即所得HTML5({
“字体样式”:正确,
“强调”:没错,
“列表”:正确,
“html”:false,
“链接”:没错,
“形象”:真的,
“颜色”:真的吗
});
}
你可以去看看

您是如何初始化它的?除非我遗漏了什么,否则在他们的演示中我看不到任何iFrame。它只是一个div,是
contenteditable
是的,我看到一个iframe,它用来显示内容没有iframe。是蓝啊。。你的似乎和我用的没什么不同:哇!!成功了!!只有上帝知道我被这件事困扰了多久。。。。谢谢!!你能在你的回答中包含你以前写过的陈述吗,这样我就可以接受你的回答了?我以前写的是在我意识到你指的是一个iframe之前。我需要在那里写一些代码才能被接受吗?我刚刚从@mbillard.Oh引用的链接中添加了答案,太好了。很高兴我能帮忙。我相信我们都知道当你离某物只有一步之遥时,在某物上旋转的感觉。我也添加了我的原始答案。欢迎使用堆栈溢出。请在回答中总结链接;这样,如果链接过时,答案也不会完全无用。@Debashis Dip谢谢你的回答。这不是我关心的问题,我没有试图使WYSIHTML5在模式中工作。对不起,检查iframe val时,您应该使用$(“#textarea”).val();