Я ищу способ интегрировать quill.js на мой сайт, но поддержка, которую они дают, несуществующей или прозрачной как грязь. Кто-нибудь может мне помочь?quill.js интеграция с laravel 5.3 форум сайт
Ниже мой код, все в настоящее время встроенные, чтобы было легче видеть все. Мне удалось получить перо на странице, и я могу редактировать текст с ним, однако, когда я отправляю форму, она не отправляет значения редакторов, как это должно ...
Редактор должен передать его содержимое на скрытый ввод и отправьте его содержимое, однако, когда я отправляю форму, входы не заполняются.
Если кто-то знает, что я делаю неправильно, то я все уши, и если у кого-то есть лучший способ попробовать проблему, то снова я открыт для предложения (кстати, форма в настоящее время установлена в GET, поэтому я могу легко изучить что передается, но уже написал контроллер обрабатывает переменное время POST-й изд.
<div class="row" style="margin-right: 0px; margin-left: 0px;">
<div class="col-md-6 col-md-offset-3">
<!-- Title and First Post -->
<div class="jumbotron">
<form method="get" action="/forum/create_post" id="create_post">
@if (count($errors))
<div style="padding: 10px;">
<div class="container-fluid" style="background-color: white; padding: 10px;">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
</div>
@endif
{{ csrf_field() }}
<div style="padding: 10px;">
<div class="container-fluid" style="background-color: white; padding: 10px;">
<input name="title" type="hidden">
<div id="editor-title">{{ old('title') }}</div>
</div>
</div>
<!--<h1><label for="Title">Title</label></h1>
<input class="form-control" name="title" type="text" placeholder="Your Title Here...">
<h1><label for="body">Content</label></h1>-->
<div style="padding: 10px;">
<div class="container-fluid" style="background-color: white; padding: 10px;">
<input name="body" type="hidden">
<div id="editor-body">{{ old('body') }}</div>
</div>
</div>
<button class="btn btn-primary" type="submit">Save Profile</button>
</form>
</div>
</div>
</div>
<script type="text/javascript">
var bodyquill = new Quill('#editor-body', {
modules: {
toolbar: [
['bold', 'italic', 'underline'],
['link', 'blockquote', 'code-block', 'image'],
[{ list: 'ordered' }, { list: 'bullet' }]
]
},
placeholder: 'Compose an epic post...',
theme: 'snow'
});
var titlequill = new Quill('#editor-title', {
modules: {
},
placeholder: 'Title Here...',
theme: 'bubble'
});
var form = document.querySelector('form');
form.onsubmit = function() {
var title = document.querySelector('input[name=title]');
title.value = JSON.stringify(titlequill.getContents());
var body = document.querySelector('input[name=body]');
body.value = JSON.stringify(bodyquill.getContents());
console.log("Submitted", $(form).serialize(), $(form).serializeArray());
// No back end to actually submit to!
alert('Open the console to see the submit data!')
return false;
};
</script>
Спасибо!