2017-06-09 2 views
2

Ich habe was ich denke, ist ein sehr häufiges Szenario. Ich würde normalerweise diese Form haben:Wie poste ich Inhalte eines Quill-Editors in einem Formular?

<form method="post"> 

<textarea name="text"></textarea> 
<input type="submit" value="Save" /> 

</form> 

Dann mit PHP würde ich die Daten aus dem Formular erfassen ($ _POST [ 'text']) und das konnte ich in eine andere Variable verwenden.

Jetzt möchte ich Quill verwenden, damit Benutzer stattdessen einen netten Rich-Text-Editor haben. Quill scheint dafür sehr gut geeignet zu sein und die Dokumentation ist sehr detailliert. Aus irgendeinem Grund kann ich jedoch nicht finden, wie ich die Daten in das Formular "posten" kann. Es gibt eine single sample page diese Art von tut, was ich will, aber ich bin nicht in der Lage, dies vollständig in meiner Probe zu implementieren, und in der quick start guide wird dieses eher grundlegende (für mich) Thema nicht diskutiert, und ich kann dies auch nicht in der Dokumentation finden .

Soll Quill so verwendet werden? Überwache ich etwas? Gibt es einen empfohlenen Weg, dies zu erreichen?

Dies ist, was ich derzeit haben:

<!doctype html> 
<html> 
<head> 
<title>Test</title> 
<meta charset="UTF-8" /> 
<link href="https://cdn.quilljs.com/1.0.0/quill.snow.css" rel="stylesheet"> 
</head> 
<body> 
<form method="post"> 


<!-- Create the toolbar container --> 
<div id="toolbar"> 
    <button class="ql-bold">Bold</button> 
    <button class="ql-italic">Italic</button> 
</div> 


<form method="post"> 

<!-- Create the editor container --> 
<div id="editor"> 
    <p>Hello World!</p> 
</div> 

<input type="submit" value="Save" /> 

</form> 

<!-- Include the Quill library --> 
<script src="https://cdn.quilljs.com/1.0.0/quill.js"></script> 

<!-- Initialize Quill editor --> 
<script> 
    var editor = new Quill('#editor', { 
    modules: { toolbar: '#toolbar' }, 
    theme: 'snow' 
    }); 
</script> 
</body> 
</html> 
+0

Ich habe die Erforschung dieser fortgesetzt und es scheint, wie Quill war nicht wirklich wettgemacht (https://github.com/quilljs/quill/issues/774). Es scheint wirklich, dass Quill keine gute Lösung dafür ist, dass Benutzer Rich Text eingeben und den HTML-Code in einer Datenbank speichern. Aber ich verstehe immer noch nicht ganz, warum oder ob das wirklich der Fall ist. Wenn also jemand die Situation beleuchten kann, tu es bitte. – user32421

+0

Hier ist eine neuere Diskussion (https://github.com/quilljs/quill/issues/1234). Der Vorschlag ist, das innerHTML- und das Deltas-Array zu speichern. [Um die innerHTML zu posten, siehe diese Antwort] (https://stackoverflow.com/a/38426793/3585500), aber ersetzen Sie 'var question = advancedEditor.getText()' durch 'editor.container.innerHTML'. – ourmandave

Antwort

3

Sie verwandte Diskussion über das Foto prüfen können https://github.com/quilljs/quill/issues/87

Während dies keine ideale Lösung ist:

var myEditor = document.querySelector('#editor') 
var html = myEditor.children[0].innerHTML 
+1

Danke. Warum ist das so schwierig? Was ist der Zweck von Quill, wenn so etwas schwer zu erreichen ist? – user32421

+1

Diese Antwort scheint ziemlich einfach zu sein ... +1 –

0

hatte ich das gleiche Problem , also habe ich das div einfach durch textarea ersetzt und das Attribut name dem div hinzugefügt.

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

Es ist nicht ideal, da die Dokumente einen div verwenden, aber es funktioniert

Verwandte Themen