TinyMCE下载及使用

TinyMCE 是一个开源的富文本编辑器，可以方便地用于 Web 应用程序开发。以下是 TinyMCE 的下载及使用步骤：

1. 下载 TinyMCE

可以从 TinyMCE 的官方网站 (https://www.tiny.cloud/get-tiny/self-hosted/) 下载最新版本的 TinyMCE。你可以选择下载 zip 文件或者使用 npm 安装。

2. 引入 TinyMCE 到你的页面

将 TinyMCE 相关的文件引入到你的 HTML 页面中。这通常包括 JavaScript 文件、CSS 文件和语言文件。你可以将这些文件放在你的本地服务器上，或者使用 CDN。

<!-- 引入 TinyMCE 的 JavaScript 文件 -->
<script src="tinymce/tinymce.min.js"></script>

<!-- 引入 TinyMCE 的 CSS 文件 -->
<link href="tinymce/skins/ui/oxide/content.min.css" rel="stylesheet">
<link href="tinymce/skins/ui/oxide/skin.min.css" rel="stylesheet">

<!-- 引入中文语言包 -->
<script src="tinymce/langs/zh_CN.js"></script>

3. 初始化 TinyMCE 编辑器

初始化 TinyMCE 编辑器需要调用 `tinymce.init()` 方法，并传入一个包含配置选项的对象。以下是一个简单的例子：

tinymce.init({
  selector: 'textarea', // 在哪个 textarea 元素上启用 TinyMCE
  language: 'zh_CN', // 使用中文语言包
  height: 300, // 编辑器高度
  plugins: [
    'advlist autolink lists link image charmap print preview anchor',
    'searchreplace visualblocks code fullscreen',
    'insertdatetime media table paste code help wordcount'
  ],
  toolbar: 'undo redo | formatselect | ' +
    'bold italic backcolor | alignleft aligncenter ' +
    'alignright alignjustify | bullist numlist outdent indent | ' +
    'removeformat | help',
  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
});

以上配置选项包括：

- `selector`：指定哪个 textarea 元素启用 TinyMCE。
- `language`：指定语言包。
- `height`：指定编辑器高度。
- `plugins`：指定使用哪些插件。
- `toolbar`：指定工具栏按钮。
- `content_style`：指定编辑器内容的样式。

4. 使用 TinyMCE 编辑器

现在，你可以在你的页面上使用 TinyMCE 编辑器了。只需要在相应的 textarea 元素上点击，就可以打开编辑器。编辑器提供了许多常见的文本编辑功能，例如加粗、斜体、链接、图片等。

<textarea></textarea>

如果你需要在提交表单时获取编辑器内容，可以使用 `getContent()` 方法，例如：

var content = tinymce.activeEditor.getContent();