bootstrap-wysiwyg - 如何在表单提交时获得格式化的所见即所得值

Question

我正在使用Mindmup引导程序所见即所得编辑器，但无法在 js 中获取其格式化文本值。

`
<script>
$('#editor').wysiwyg();  
alert($('#editor').val()); 
</script>
`

表单提交工作正常，但上面的代码不包含警报中的值。（mindmup 使用 div 作为文本输入而不是文本区域）..

Answer 1

首先，Mindmup 源已有 2 年历史。这里有一个维护得更好的分叉（参考底部的原因）：https ://github.com/steveathon/bootstrap-wysiwyg

其次，您应该使用 $('#editor').cleanHtml() 来获取要发布/警报的输出。

第三，您似乎立即创建了编辑器，然后立即要求它的输出。这是不明智的，因为在发出警报之前没有机会触摸键盘和输入。做更多这样的事情：

$('#editor').wysiwyg().on('change', function(){
    console.log('current ' + $('#editor').cleanHtml());
});

但实际上一个按钮会更理想，因为这将为您所做的每一次击键写入控制台。“提交到服务器”的按钮可以只拉一次 cleanHtml。