页面加载时，Quill编辑器中的格式化文本

Question

我认为应该是一个非常简单的问题。 在页面加载时，如何将格式化的多行字符串放入笔管编辑器中？

我想使用一个羽毛笔编辑器让用户输入json，但是当用户第一次访问该页面时，我想在羽毛笔字段中使用某些json。 但是，我似乎无法以任何特定方式格式化json。 将json粘贴到HTML div本身中显然会吃掉所有空白，并且在javascript中使用任何种类的多行字符串都没有成功。

这是必须执行的操作，因为文档中几乎所有的操作字段都使用多行格式的字符串。 他们是如何做到的呢？

PS，我知道要求用户输入JSON听起来很奇怪，请相信我，对于此项目，这是一项要求。 这不适用于公共站点。

Answer 1

您可以尝试将<pre>标记内的json粘贴到HTML div本身中：

<div id="editor-container">
  <pre>{
  "firstName": "John",
  "lastName": "Smith",
  "isAlive": true 
  }
  </pre>
</div>

这样就保留了空白。

就是说，羽毛笔是富文本编辑器，如果您使用它输入json，那么所有这些功能都是多余的。 使用像codemirror这样的在线代码编辑器让用户输入json可能会更好。 这些在线代码编辑器提供语法突出显示功能，使代码编辑（毕竟json是代码）更加舒适。 它将显示一行是否缺少括号，冒号或逗号，这将使您的用户更容易输入json构造。

还请查看YAML ，根据我的经验， YAML比json更具可读性，并且提供相同的功能，并且在大多数计算语言中均得到广泛支持。