頁面加載時，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更具可讀性，並且提供相同的功能，並且在大多數計算語言中均得到廣泛支持。