【发布时间】:2017-06-09 21:53:18
【问题描述】:
我有一个我认为很常见的情况。我通常会有这种形式:
<form method="post">
<textarea name="text"></textarea>
<input type="submit" value="Save" />
</form>
然后使用 PHP,我会从表单 ($_POST['text']) 中捕获数据,然后我可以在另一个变量中使用它。
现在,我想使用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>
【问题讨论】:
-
我一直在研究这个问题,但似乎 Quill 并不是为此而生的 (github.com/quilljs/quill/issues/774)。令人遗憾的是,对于让用户键入富文本并将 HTML 保存在数据库中,Quill 似乎不是一个好的解决方案。但我仍然不完全理解为什么或是否真的是这种情况,所以如果有人能说明情况,请这样做。
-
这是最近的讨论 (github.com/quilljs/quill/issues/1234)。建议是保存 innerHTML 和 deltas 数组。 To post the innerHTML see this answer 但将
var question = advancedEditor.getText()替换为editor.container.innerHTML。
标签: javascript php quill