以编程方式从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,以便我可以使用它来获取编辑器的值.

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