Как подключить quill wysiwyg редактор к textarea а не к div?

S
На сайте с 30.07.2026
Online
0
74
Как подключить quill wysiwyg редактор к textarea а не к div?
D
На сайте с 06.09.2016
Offline
82
#1

Насколько я помню, но могу ошибаться, для графической обертки нужен именно div. 
Если цель таргет на textarea только для отправки данных, то достаточно добавить скрытый input в который отдавать по таймеру или событию - quill.getSemanticHTML() ( к примеру).
У меня реализовано так

S
На сайте с 30.07.2026
Online
0
#2

а можешь написать весь код? что написать к div и что написать к textarea?

S
На сайте с 30.07.2026
Online
0
#3

quill работает только со значениями div. А form форма работает только с textarea, чтобы из textarea отправить post/get-запрос.

нужно или передавать значения с div'a в textarea,

или отправлять данные с div'a  в postget-запросе формы

или просто отправлять значения с textarea в post/get-запросах?

D
На сайте с 06.09.2016
Offline
82
#4
stelapok #:
а можешь написать весь код?
<input type="hidden" value="" id="hidden_{{$name}}" name="{{$name}}"/>
<script>
....../////..... тут всякое разное

const hiddenInput = document.getElementById("hidden_{{$name}}");

setInterval(()=>{
if(hiddenInput)
hiddenInput.value = quill.getSemanticHTML();
}, 500);
})
</script>

Простой пример. 
Делается скрытый input в форме
В js получаешь этот DOM элемент
Каждые 500мс кладешь в value инпута = quill.getSemanticHTML(); (там еще методы есть, мне этот подошел)

профит

Естественно только свои селекторы и id ставь, это я выдернул из своего компонента как есть

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий