2017-06-09 1 views
2

私は非常に一般的なシナリオだと思います。私は通常、このフォームを持っているでしょう:クイルエディタの内容をフォームに投稿するにはどうすればよいですか?

<form method="post"> 

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

</form> 

次にPHPで私は、フォーム($ _POST [「テキスト」])からデータを取り込むだろうと私は別の変数にそれを使うことができます。

ここではQuillを使用して、リッチテキストエディタを使用したいと考えています。 Quillはこれに非常に適していると思われ、ドキュメントは非常に詳細です。しかし、何らかの理由で私はフォームにデータを "投稿"することができません。 single sample pageのようなものがありますが、私のサンプルでこれを完全に実装することはできません。quick start guideこの基本的な(私にとっては)トピックは議論されていません。 。

このようにQuillを使用するとしますか?私は何かを監督していますか?この作業を行うための推奨方法はありますか?

これは私が現在持っているものです。

<!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

が、私はこれを研究し続けてきた作品と、クイルが本当に(このために作られていなかったように思えるhttps://github.com/quilljs/quill/issues/774)。本当に悲しいことに、Quillはユーザーにリッチテキストを入力させてHTMLをデータベースに保存させる良いソリューションではないようです。しかし、私はまだそれが本当の理由かどうか完全に理解していないので、もし誰かが状況を明らかにしてください。 – user32421

+0

最近の話題は次のとおりです(https://github.com/quilljs/quill/issues/1234)。提案は、innerHTMLとデルタ配列を保存することです。 [innerHTMLを投稿するにはこの回答を見る](https://stackoverflow.com/a/38426793/3585500)、 'var question = advancedEditor.getText()'を 'editor.container.innerHTML'に置き換えてください。 – ourmandave

答えて

3

あなたはそれについて関連の議論を確認することができますhttps://github.com/quilljs/quill/issues/87

、これは理想的なソリューションではありませんが:

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

ありがとうございます。なぜこれは難しいのですか?このようなことが実現するのが難しい場合、Quillの目的は何ですか? – user32421

+1

この回答はかなり単純なようです... +1 –

0

私は同じ問題を抱えていましたので、divをtextareaに置き換え、name属性をdivに追加しました。

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

ドキュメントがdivを使用するのでそれは理想的ではないが、

関連する問題