kindeditor 的显示与隐藏

要实现 KindEditor 的显示与隐藏，可以通过以下两种方法：

1. 使用 JavaScript 控制样式

在 HTML 中定义一个 div 容器，并使用 JavaScript 控制其样式来实现显示和隐藏：

<div id="editor-container" style="display:none;"> <!-- 默认隐藏 -->
  <textarea id="editor"></textarea>
</div>

<button onclick="showEditor()">显示编辑器</button>
<button onclick="hideEditor()">隐藏编辑器</button>

<script>
  function showEditor() {
    document.getElementById("editor-container").style.display = "block";
  }
  
  function hideEditor() {
    document.getElementById("editor-container").style.display = "none";
  }
</script>

2. 使用 KindEditor 提供的 API

KindEditor 提供了一些 API 方法来控制编辑器的显示和隐藏：

<div>
  <textarea id="editor"></textarea>
</div>

<button onclick="showEditor()">显示编辑器</button>
<button onclick="hideEditor()">隐藏编辑器</button>

<script>
  var editor = KindEditor.create("#editor");
  
  function showEditor() {
    editor.show();
  }
  
  function hideEditor() {
    editor.hide();
  }
</script>

以上两种方法都可以实现 KindEditor 的显示与隐藏，具体使用哪种方法取决于你的实际需求。