如何从数据库中检索数据并能够在summernote编辑器中进行编辑？答案

【问题标题】：How to retrieve data from database and able to edit in summernote editor?如何从数据库中检索数据并能够在summernote编辑器中进行编辑？
【发布时间】：2020-05-29 19:59:13
【问题描述】：

我遇到了一个问题，但我找不到解决它的方法。我的问题是我已经应用了一个名为 (Wysiwyg-summernote 编辑器到我的 Laravel 框架项目) 的插件。一切正常，但是当我单击编辑页面时，无法从数据库中检索数据并直接使用编辑器功能进行编辑。任何熟悉这个的人可以帮助我吗？非常感谢

<div class="form-group">


 <label for="company_policy_policy_details">Please Enter Policy Details<span<p><font color="#F05340"> *</font></p></label></span>

                <input type="text" name="policy_details" id="abc"  class="form-control" value="{!!$policy->policy_details!!}" cols="139" rows="10">
                </textarea>
            </div>



            <div id="summernote"></div>

            <script>

                $('#abc').summernote({
                    placeholder:value="{!!$policy->policy_details!!}",
                    tabsize: 2,
                    height: 100
                });
            </script>
            </body>
            </html>
            </div>`

预期输出 = 我希望占位符中的值能够显示在编辑器中并能够直接编辑它，谢谢ssss

【问题讨论】：

` `有什么用？ Summernote 不需要这个
@AndySong 这是我编辑数据并存储回数据库列的列
输入与 textarea 不匹配
@AndySong 我上传了更新后的图片，看看

标签： php html database laravel summernote

【解决方案1】：

我相信这段代码会显示您数据库中的数据。

$('#summernote').summernote({
    placeholder: "{!!$policy->policy_details!!}",
    tabsize: 2,
    height: 100
}).summernote('code', `{!!$policy->policy_details!!}`);

【讨论】：

是的，它会显示数据库中的值数据，但是当我从 db 中检索值时，summernote 编辑器消失了
这和我的回答真的没有什么不同？
@James，对不起，我没有看到你的答案，我认为关键部分是 id 不同。

【解决方案2】：

如果您想编写 html 代码并将其添加到编辑器中，您可以使用 pasteHTML 来粘贴 HTML 字符串。

粘贴HTML

// @param {String} HTML string
var HTMLstring = '<div><p>Hello, world</p><p>Summernote can insert HTML string</p></div>';
$('#summernote').summernote('pasteHTML', HTMLstring)

代码

如果您想从数据库中获取数据，请使用以下代码：

$('#summernote').summernote('code', {{$data->content}});

【讨论】：