使用quill和#editor元素时出现格式化问题

Question

所以我已经和quill玩了一两天了。目前正在建设一个网站来了解更多关于javascript和ajax的信息。但是使用quill进行格式化并不是很顺利。。

我开始在这里读了一些，但这些解决方案并没有让我走那么远。我将结果附加到一个隐藏的文本区域。我有两个选择。取整个"#编辑器"；元素-哪种效果最好。它给了我正确的格式和一切。

问题是我得到了"；一切"-包括工具提示div，所以发布的信息带有一个输入框以及"；ql类"；。

所以我试着加上"；ql编辑器"如果我这样做，我会得到没有div的正确文本-但格式会丢失。。

有人知道我做错了什么吗？

代码：

<div class="content-div">
<div class="article_div">
<h2>Add new article</h2>
<form action="test.php" method="post" id="news_box">
<div id="editor"></div>
<textarea name="test" style="display:none" id="hiddenArea"></textarea>
<input type="submit" value="Done">
</form>
</div>
</div>
</div>
</div>
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<script>
var quill = new Quill('#editor', {
theme: 'snow'
});
</script>
<script>
$("#news_box").on("submit",function(){
$("#hiddenArea").val($("#editor .ql-editor").html());
})
</script>

Answer 1

很抱歉占用了任何人的时间。。找到了解决方案。。

在将信息发布到php页面后，我添加了一个变量。

<?php
$news_text = "<pre>";
$news_text .= $_POST['test'];
$news_text .= "</pre>";
echo $news_text;
?>