TinyMCE 是一个富文本编辑器,允许用户在用户友好的界面中创建格式化的内容。

TinyMCE

点击“查看 HTML 输出”按钮以查看生成的 HTML 内容。

HTML

<!--
  注意:此标签页仅显示初始 HTML,在您输入或点击提交时不会更新。
-->
<textarea id="default-editor">
  <p><em>Hello</em>, <span style="text-decoration: underline;"><strong>World!</strong></span></p>
</textarea>

JS

tinymce.init({
  selector: 'textarea#default-editor',
  plugins: [
      "advlist", "anchor", "autolink", "charmap", "code", "fullscreen",
      "help", "image", "insertdatetime", "link", "lists", "media",
      "preview", "searchreplace", "table", "visualblocks",
  ],
  toolbar: "undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
});

概述

TinyMCE 生成 HTML5 输出,并支持各种内容元素,包括列表、表格和其他格式选项。编辑器的功能可以通过插件和自定义进行扩展,也可以根据特定需求进行限制。用户界面可以进行自定义,以便与应用程序或网页无缝集成。

集成选项

TinyMCE 通过多种部署方法与框架和内容管理系统(CMS)集成:

使用 Tiny Cloud

开始使用 TinyMCE 的最快方式。从 Tiny Cloud CDN 加载,以获得自动更新至最新版本的功能。

使用包管理器

使用 NPM、Yarn 或其他包管理器在本地安装 TinyMCE,以实现自托管解决方案。

直接下载

从 .zip 存档下载并安装 TinyMCE,用于传统的 Web 部署。

开始使用 TinyMCE

TinyMCE 是专为 Web 应用程序设计的富文本编辑器。要安装 TinyMCE,请包含所需的脚本,并使用最小配置初始化编辑器。注册后,将提供一个 API 密钥以及相应的代码片段用于集成。