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

【问题标题】：How to get formatted html code from edited text in summernote如何从summernote中的编辑文本中获取格式化的html代码
【发布时间】：2017-10-18 01:39:42
【问题描述】：

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

请帮帮我。

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

【问题讨论】：

你在 post 方法后在变量中获得 html 代码，不需要任何函数或任何实现
当我使用这个代码时

Hello World

它没有显示更新的代码
我的问题解决了。请检查答案。

标签： javascript html summernote

【解决方案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>

【讨论】：

【解决方案2】：

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

例子：

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

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

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

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

【讨论】：