Question

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

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

它必须是羽毛笔可以做的事情，因为他们文档中的几乎所有羽毛笔字段都使用多行格式化的字符串。他们是怎么做到的？

P.S。我知道要求用户输入奇怪的JSON声音，相信我，对于这个项目，这是一个要求。这不适用于公共网站。

Answer 1

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

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

这种方式保留了空白。

也就是说，quill是一个富文本编辑器，如果您使用它来输入json，所有这些功能都是多余的。您最好使用codemirror之类的在线代码编辑器让您的用户输入json。这些在线代码编辑器提供语法高亮，使编辑代码（毕竟json是代码）更加舒适。它将显示一行是否缺少括号或冒号或逗号，这将使您的用户更容易输入json结构。

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

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

1 个答案: