在更改事件中将文本附加到 Summernote 元素时出现问题

Posted 2023-03-22

【中文标题】在更改事件中将文本附加到 Summernote 元素时出现问题

【英文标题】：Having issues appending text to Summernote element on change event

【发布时间】：2019-11-12 19:22:36

【问题描述】：

我正在使用 Summernote 的所见即所得编辑器。我正在尝试将文本附加到所选元素。

我试图将文本附加到由 summernote 脚本创建的 .note-editable 中，但没有成功

<script>
  $('#selector').on('change', function () 

    let currentTemplate = 'This will come from db';

    $('.note-editable').html(currentTemplate);

    $('#email_body').summernote();
  );
 </script>

更改时，所见即所得编辑器应填充来自 db 的文本。每次做出不同的选择时都会更新。

【问题讨论】：

是不是应该在初始化summernote后设置html内容？

【参考方案1】：

像这样切换你的代码：

$('#selector').on('change', function ()  let currentTemplate = 
'This will come from db'; 
$('#email_body').summernote(); 
$('.note- editable').html(currentTemplate);); 

【参考方案2】：

你正在尝试的是错误的。您需要使用以下代码获取内容。

改变这个

$('#email_body').summernote();

到

$('#email_body').summernote('code');

【参考方案3】：

你需要获取summernote的html代码

code - 获取编辑器中文本的 HTML 源代码：

$('#email_body').summernote('code');