TinyMCE 配置第三行

标签 tinymce wysiwyg html-editor

TinyMCE WYSIWYG Editor ,第三行包括诸如插入水平标尺、删除格式、下标、上标等图标。这些图标似乎是编辑器默认附带的,因为似乎无法更改它们。 。

TinyMCE... http://img821.imageshack.us/img821/6431/tinymce.png

我希望能够选择要显示的图标,例如,假设我只想要下标和上标图标(而不是其他图标)

有人知道我该怎么做吗?

谢谢

最佳答案

您可以使用 TinyMCE 的 theme_advanced_buttons 选项来完成此操作:)

这是 TinyMCE 文档的链接:

Button Themes

我碰巧有一个使用 TinyMCE 的 jQuery 插件的示例,但您也可以使用“stock”tinyMCE 来实现:

$('#bio').tinymce({
    script_url : '/js/tiny_mce/tiny_mce.js',
    theme : 'advanced',
    theme_advanced_buttons1: 'bold,italic,underline,|,undo,redo,|,bullist,numlist',
    theme_advanced_buttons2: '',
    theme_advanced_buttons3: '',
    theme_advanced_buttons4: '',
    theme_advanced_toolbar_location: 'bottom',
    theme_advanced_toolbar_align: 'center',
});

在这种特殊情况下,我实际上禁用了其他工具栏 - 但您可以放置​​任何您想要的东西。它理解的按钮记录在此处:

TinyMCE Button Documentation

关于TinyMCE 配置第三行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10131702/

相关文章:

python - django-tinymce HTMLField 覆盖 admin/add 中的模型字段描述

javascript - 创建一个简单的所见即所得网页编辑器

javascript - 将文本插入所见即所得编辑器问题

AjaxControlToolkit:HtmlEditor Textarea 未在 Chrome/Safari 中显示

javascript - 使用 ES6,导入 tinymce 作为 npm 包

jquery - 带有 jquery ui 的 tinymce 的两个实例导致 chrome 页面挂起并且没有响应

css - 盒子扩展 CSS <p> 元素

php - 将 XML 解析到 Wordpress 所见即所得编辑器中,仅适用于帖子

html - VB.NET:所见即所得的页面制作教程

javascript - 如何以全屏模式启动 TinyMCE 4?