2014-10-19 55 views
1

我正在使用Mindmup bootstrap所見即所得編輯器,但無法在js中獲取其格式化的文本值。如何在表單提交上得到格式化的wysiwyg值

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

表單提交正在工作,但上面的代碼不包含alert中的值。 (mindmup使用div作爲文本輸入而不是文本區域)。

回答

1

首先,Mindmup源代碼是2歲。在這裏有一個更加維護的叉(參考爲什麼在底部):https://github.com/steveathon/bootstrap-wysiwyg

其次,你應該使用$('#editor')。cleanHtml()來獲得你想要發佈/提醒的輸出。

第三,你似乎立即創建編輯器,然後立即要求它的輸出。這是不明智的,因爲在執行警報之前,沒有機會觸摸鍵盤和輸入。做更多的事情是這樣的:

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

但實際上一個按鈕會比較理想,因爲這會寫安慰你讓每一個按鍵。 「提交到服務器」按鈕可以將cleanHtml拉一次。