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

Question

所以我一直在玩羽毛笔一两天。 目前正在建设一个网站，以了解更多关于 javascript 和 ajax 的信息。 但是使用 quill 进行格式化并没有那么顺利..

我开始在这里阅读一些内容，但这些解决方案并没有让我走得那么远。 我将结果附加到隐藏的文本区域。 在这里，我有 2 个选项。 采用整个“#editor”元素 - 效果最好。 它给了我正确的格式和一切。

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

所以我也尝试添加“ql-editor”，如果我这样做，我会得到没有 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;
?>