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

【问题标题】：How To get Formatted wysiwyg value on form submission如何在表单提交时获得格式化的所见即所得值
【发布时间】：2015-04-05 08:52:11
【问题描述】：

我正在使用Mindmup bootstrap WYSIWYG 编辑器，但无法在 js 中获取其格式化文本值。

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

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

【问题讨论】：

【解决方案1】：

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

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

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

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

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

【讨论】：