Как сохранить значения Quill.js в базе данных Laravel 5.6

Я пытаюсь использовать Quill.js - ваш мощный текстовый редактор для моего проекта в laravel.

Но, поскольку перо использует:

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

Вместо обычного старого:

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

$post->body = $request->input('body'); не будет работать.

Что я использую для сохранения информации, которую я получаю из div с идентификатором #editor, в базу данных.


php html laravel laravel-5 quill
person blaze-rowland    schedule 27.02.2018    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Используйте следующее в JavaScript:

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

Затем добавьте это к вводу формы перед ее отправкой.

Вы также можете получить его непосредственно из экземпляра quill через:

quill.root.innerHTML
person Community    schedule 27.02.2018

arrow_upward
2
arrow_downward

Добавьте скрытый ввод:

<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 !!});
person iHabboush    schedule 17.07.2019