富文本框让最大四百像素_TinyMCE 富文本编辑器 ━━ 基本配置

基本配置

在对 TinyMCE 配置的介绍中，我们将讨论基于传统表单的布局中通常使用的最重要的选项，以及如何将 TinyMCE 用作内联编辑器的示例。

将 TinyMCE 脚本添加到页面后，需要考虑三个配置方面：

选择器配置

插件配置

工具栏和菜单配置

关于代码段示例的说明

在整个参考文档中，我们使用代码片段展示正在讨论的主题的示例实现。以下是整个文档中的代码片段的一些示例。

片段通常如下所示：

tinymce.init({

selector: 'textarea', // change this value according to your HTML

plugin: 'a_tinymce_plugin',

a_plugin_option: true,

a_configuration_option: 400

});

片段始终包含 selector 值 ‘textarea’ 。你需要根据 HTML 更改此值

选择器配置

选择器配置是 TinyMCE 集成的最关键配置选项。选择器配置允许您使用 CSS selector 语法来确定页面上的哪些元素可以通过 TinyMCE 进行示例化。

换句话说，这是为 TinyMCE 可编辑区域指定 CSS 选择器的位置。

在 TinyMCE 的常规编辑模式中使用此选项时，所选元素将替换为 iframe 并且 TinyMCE 将在此上下文中执行所有操作。

这是替换 textarea 页面上所有元素的示例：

tinymce.init({

selector: 'textarea'

});

你还可以匹配 ID 属性。以下是在页面上替换textarea 元素的 ID 为 'editable' 示例：

tinymce.init({

selector: 'textarea#editable'

});

或者：

tinymce.init({

selector: '#editable'

});

插件配置

该 plugins 可以让你在编辑器中启用插件功能。由于几个 TinyMCE 插件为用户提供了有用的功能，因此必须考虑你希望包含哪些插件。

幸运的是，启用插件功能很容易。只需要将 plugins 键添加配置中并提供逗号，空格分隔的字符串或字符串数​​组