以編程方式從WYSIHTML5編輯器中檢索內容

Question

如何以編程方式從WYSIHTML5編輯器中檢索內容？ 假設編輯器被實例化為：

var editor = new wysihtml5.Editor
(
   $(this.el).find('textarea').get(0),
   {
      toolbar:      "toolbar",
      parserRules:  wysihtml5ParserRules
   }
);

我想獲得編輯器關於blur事件的內容

editor.on
(
   "blur",
   function()
   {
      //what here?
   }
);

Answer 1

使用API editor.getValue()要好得多

（@dalen在上面的評論中提到了這一點）

Answer 2

這是如何（在這里使用jQuery）：

$('iframe').contents().find('.wysihtml5-editor').html();

要改為查找文本，請使用text()而不是html() 。

供參考：

• 我使用jQueryify bookmarklet驗證了它的這個演示頁面
• 在編輯器中輸入一些文本
• 在控制台上鍵入上面的代碼並輸出輸入文本

在您的應用程序中，您將不需要jQueryify bookmarklet，我用它在該演示頁面上注入jQuery，以便我可以使用它來獲取編輯器的值。

---

話雖如此，通常應該在該編輯器中有一些內置方法來獲取當前值，你應該看看文檔:)