如何从夏季笔记中编辑的文本中获取格式化的 html 代码

Question

我正在使用summernote文本编辑器。我想在编辑器中编辑文本的 html 格式。在夏季笔记编辑器工具栏中具有代码视图按钮。单击按钮时，我们可以看到编辑文本的HTML代码。现在，我希望 html 代码以字符串形式获取或存储在变量中。怎么可能？

请帮助我。

参考 ： GitHub 代码 https://github.com/summernote/summernote

Answer 1

将以下行添加到索引中.html

<div class="container">
<div id="summernote" class="summernote"><p>Hello World</p></div>
<input type="submit" value="submit" onclick="myFunction()"/>
<script>
function myFunction() {
    var MyDiv2 = document.getElementsByClassName('note-editable');
    m = MyDiv2[0];
    alert(m.innerHTML);
}
</script>

Answer 2

您为此提供了带有参数'code'的方法summernote。

例：

<div class="summernote"></div>
<script>
    $('.summernote').summernote();
</script>

然后在从div 创建的字段中键入内容并在控制台中键入：

$('.summernote').summernote('code')

您应该看到与答案中的示例相同的结果@john