初始化

本指南介绍如何将 RichText 添加到页面中。请按照以下步骤获取可用的编辑器：

1. 在页面中引入源文件。
2. 为 RichText 创建容器。
3. 初始化 RichText。

引入源文件

将 RichText 的 JavaScript 和 CSS 文件添加到您的项目中。下载安装包并将内容解压到您的项目文件夹中。

要创建 RichText，请在页面中引入以下两个源文件：

• richtext.js
• richtext.css

在 HTML 中引用这些文件。请根据您的文件夹结构调整相对路径：

index.html

<script type="text/javascript" src="./codebase/richtext.js"></script>  
<link rel="stylesheet" href="./codebase/richtext.css">

创建容器

为 RichText 添加一个带有 ID 的容器，例如 "root"：

index.html

<div id="root"></div>

初始化 RichText

使用 richtext.Richtext 构造函数初始化 RichText。该构造函数接受两个参数：

• 容器 — CSS 选择器或 DOM 元素
• 包含编辑器属性的配置对象。请参阅下方的完整属性列表

以下示例在 #root 容器中初始化 RichText：

index.html

const editor = new richtext.Richtext("#root", {
    // 配置属性  
});

配置属性

将配置选项作为配置对象的键添加。

注意

有关完整的配置属性列表，请参阅属性概览。

销毁 RichText 实例

调用 destructor() 方法可移除 RichText 的 HTML 并解绑所有相关事件：

const editor = new richtext.Richtext("#root", {
    // 配置属性
});

editor.destructor();

示例

以下示例初始化 RichText 并启用菜单栏：

相关示例： RichText. 初始化