← 全部文档

在 div 元素上安装 RichTextEditor

1. 编译好的 JS 和 CSS

获取 Richtexteditor 最快的方式,是下载预编译并压缩过的 CSS 和 JavaScript 文件。

下载

2. 引入 JS 和 CSS:
<link rel="stylesheet" href="/richtexteditor/rte_theme_default.css" />
<script type="text/javascript" src="/richtexteditor/rte.js"></script>
<script type="text/javascript" src='/richtexteditor/plugins/all_plugins.js'></script>
3. 新建一个 DIV 元素,其中包含您希望放入编辑器的所有内容。
<div id="div_editor1" >
<p>Initial Document Content</p>
</div>
4. 用一个 richtexteditor 实例替换 <div id="div_editor1">。
<script type="text/javascript">
    var editor1 = new RichTextEditor("#div_editor1");
</script>
5. 自定义编辑器

rte.js 文件顶部有一个以普通 JavaScript 编写、可以编辑的 RTE_DefaultConfig 块——只有其下方的授权编辑器代码经过了混淆。用任意文本编辑器打开 rte.js,修改 RTE_DefaultConfig 中的值(皮肤、工具栏预设、语言、上传端点、键盘快捷键等),无需重新构建即可全局更改编辑器的默认设置。完整的选项列表见配置参考。