Question

我试图在laravel中使用Quill.js - 你强大的富文本编辑器。

但是，因为羽毛笔使用：

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

而不是常规的旧的：

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

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

我用什么来保存从ID为#editor的div到数据库的信息。

Answer 1

在JavaScript中使用以下内容：

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

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

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

quill.root.innerHTML

Answer 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 !!});

如何将Quill.js值保存到Database Laravel 5.6

2 个答案: