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

Posted 2023-03-14

【中文标题】如何从数据库中检索数据并能够在summernote编辑器中进行编辑？

【英文标题】：How to retrieve data from database and able to edit in summernote editor?

【发布时间】：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 我上传了更新后的图片，看看

【参考方案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);