javascript - 如何获取DIV的值

我在HTML页面上集成了froala编辑器。我需要获取我在div中编写的数据及其HTML属性。

下面是我的代码:

html

<button>
  click
</button>

<div id="froala-editor-br">
  The editor can use <code>BR</code> tags. When ENTER key is hit, a <code>BR</code> tag is inserted.
</div>

js代码

$('div#froala-editor-br').froalaEditor({
  enter: $.FroalaEditor.ENTER_BR
});


    $("button").click(function(){
        var chk = $('#froala-editor-br').html();
alert(chk);
    });

这是工作的jsfiddle

如果按click按钮，它将获取froala代码，而不是我输入的代码。

最佳答案

froala编辑器动态添加自己的div并包装许多元素。如果只需要结果编辑器中的文本，则需要更改选择器。

因此，您的选择器应改为$('#froala-editor-br .fr-view')。

如:

$("button").click(function() {
  var chk = $('#froala-editor-br .fr-view').text();
  alert(chk);
});

正如评论中提到的那样，@ Smit Raval的答案使用的是froala编辑器的API，似乎是使用它的更好选择。