如何将 Quill.js 值保存到数据库 Laravel 5.6答案

【问题标题】：How to save Quill.js values to Database Laravel 5.6如何将 Quill.js 值保存到数据库 Laravel 5.6
【发布时间】：2018-08-07 16:46:35
【问题描述】：

我正在尝试为我在 laravel 中的项目使用 Quill.js - 您强大的富文本编辑器。

但是，由于 quill 使用：

<div id="editor"></div> || <div id="editor" name="body"></div>

而不是常规的旧：

<textarea id="editor" name="body"></textarea>

$post->body = $request->input('body');不会工作。

我用什么来将我从具有#editor id 的 div 中获得的信息保存到数据库中。

【问题讨论】：

标签： php html laravel laravel-5 quill

【解决方案1】：

在 JavaScript 中使用以下代码：

var content = document.querySelector("#editor").innerHTML

然后在提交之前将其附加到您的表单输入中。

您也可以通过以下方式直接从 quill 实例中获取它：

quill.root.innerHTML

【讨论】：

【解决方案2】：

添加隐藏输入：

<input type="hidden" name="body"/>

js代码：

var form = document.getElementById("FormId"); // get form by ID

form.onsubmit = function() { // onsubmit do this first
                             var name = document.querySelector('input[name=body]'); // set name input var
                             name.value = JSON.stringify(quill.getContents()); // populate name input with quill data
                             return true; // submit form
                           }

要将内容设置为羽毛笔，请执行以下操作：

quill.setContents({!! $post->body !!});

【讨论】：