通过ShowHide Buttons调用时，Quill内容不显示。

Question

我有一个初始化的quill，包括所有的组件和CSS.我的问题是，我有一个编辑按钮在我的页面加载MySQL内容。当用户点击编辑按钮时，内容应该可以供用户编辑。我使用quill来实现这个目的。Quill完美地初始化并显示编辑空间和工具栏。

但是不显示编辑空间内的内容。我按照要求通过div调用内容，而不是通过textarea调用，但是由于某些原因，内容没有显示。我不知道为什么？

谁能帮我找出原因和可能的解决方法。

<div style="height: 150px;" class="mb-0" data-toggle="quill" data-quill-placeholder="Enter description"> <div><h1>Hello World!</h1> <p>Some initial <strong>bold</strong> text</p> <p><br></p></div> </div>

<script> var editor = new Quill('[data-toggle="quill"]', { modules: { syntax: true, toolbar: true, theme: 'snow' }, placeholder: 'Compose an epic...', theme: 'snow' }); </script>

我的Codepen

Answer 1

所以，我想出了我代码中的错误。

我删除了 syntax: true, 并补充说 $(document).ready(function () {}); 到笔芯功能。现在它的工作。