javascript - 以编程方式从 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 小书签对它的这个演示页面进行了 jQuerified
• 在编辑器中输入了一些文本
• 在控制台输入上面的代码，输出是输入文本

在您的应用程序中，您不需要 jQueryify 小书签，我使用它在该演示页面上注入 jQuery，以便我可以使用它来获取编辑器的值。

---

话虽如此，该编辑器中通常应该有一些内置方法来获取当前值，您应该查看文档:)