为什么summernote不将数据检索到文本区域以编辑文本或进行更改

Question

我正在使用summernote富文本编辑器，我想编辑我发布的数据(存储在DB中)。我将值发送到文本区域和输入，但不显示到文本区域和输入。请与我分享一些解决方案和建议。任何jquery和js函数都是这样的..。这里将数据呈现到web页面。

 route.get('/edit/:id', async (req, res) =>{
    const id = req.params.id 
const article = await Article.findById(id)
res.render('editarticle',{article:article})
})

这里是ejs或HTML

<%- include('header'); -%>
<div class="container-9">
    <h2>Create Article Here</h2>
   <hr>
<form action="/create/blog" method='post'>
  <input type="text" name="title" id="" placeholder="Enter Title" value='<%=article.title%>'/>
  <input  type="text" name="description" id="dics" placeholder="Enter Description" value='<%=article.discription%>'/>
  <hr>

  <button id='btn-post' type="submit">Post</button>
  <textarea name='content' id="body" rows="10" value="<%=article.content%>" ></textarea>
</form>
</div>
<%- include('footer'); -%>

Answer 1

我用一行代码解决了这个问题。两个月后我找到了解决办法

 var value = $('#value').val()
        console.log(value);
        $('textarea#body').summernote('pasteHTML', value);

如果要呈现用于编辑的HTML，则var value = $('# value ').val()它只是从后端接收值(textarea#body).summernote(‘pasteHTML’，.summernote)；这一行代码将HTML标记到summernote编辑器中。

Answer 2

@tushar非常有用！

我把它用在夏天的便条上

将内容放入div，并将其设置为无显示。

<div id="contentDumpDiv" style="display:none;">
<?php echo $post['content'] ?>
</div>

​

然后使用以下javascript代码

var value = $('#contentDumpDiv').html();
$('textarea#saContent').summernote('pasteHTML', value);