Question

我正在使用summernote文本编辑器。我想获得在编辑器中编辑的html格式的文本。在summernote编辑器工具栏中有一个代码视图按钮。点击按钮，我们可以看到编辑文本的html代码。现在，我想要html代码作为字符串或存储在变量中。怎么可能？

请帮帮我。

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

Answer 1

将以下行添加到index.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

为此，您有方法summernote，其参数为'code'。

示例：

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

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

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

您应该看到与@john answer

中的示例相同的结果

如何从summernote中编辑的文本中获取格式化的html代码

2 个答案: