TinyMCE 工具栏配置

plugins: {
type: [String, Array],
default: ‘lists image media wordcount advlist bbcode code charmap emoticons insertdatetime preview‘
},
toolbar: {
type: [String, Array],
default: ‘undo redo | fontselect fontsizeselect bold italic | forecolor backcolor | superscript subscript charmap insertdatetime emoticons| lists image media | numlist | preview code removeformat | alignleft aligncenter alignright alignjustify | bullist outdent indent‘
}

  

init: {
        // language_url: ‘/static/tinymce/langs/zh_CN.js‘,
        // language: ‘zh_CN‘,
        skin_url: ‘/static/tinymce/skins/ui/oxide‘,
        height: 150,
        plugins: this.plugins,
        toolbar: this.toolbar,

  

配置项 所属插件 描述
newdocument 核心 创建新文档
bold 核心 加粗
italic 核心 斜体
underline 核心 下划线
strikethrough 核心 删除线
alignleft 核心 居左
aligncenter 核心 居中
alignright 核心 居右
alignjustify 核心 两端对齐
alignnone 核心 清除
styleselect 核心 格式选择下拉框(缩进、行高)
formatselect 核心 段落选择下拉框(段落、标题)
fontselect 核心 字体选择下拉框
fontsizeselect 核心 字号选择下拉框
cut 核心 剪切
copy 核心 复制
paste 核心 粘贴
outdent 核心 减少缩进
indent 核心 增加缩进
blockquote 核心 引用
undo 核心 撤消
redo 核心 恢复
removeformat 核心 清除格式
subscript 核心 下标
superscript 核心 上标
visualaid 核心 网格线
insert 核心 插入的集合按钮
hr hr 水平线
bullist lists 无序列表
numlist lists 有序列表
link link 添加和修改链接
unlink link 去除链接格式
openlink link 打开选中链接
image image 添加和修改图片
charmap charmap 特殊符号
pastetext paste 粘贴纯文本
print print 打印
preview preview 预览
anchor anchor 作者
pagebreak pagebreak 分页符
spellchecker spellchecker 拼写检查
searchreplace searchreplace 搜索
visualblocks visualblocks 隐藏块级区域开关
visualchars visualchars 隐藏字符串开关.
code code 代码
help help 帮助
fullscreen fullscreen 全屏
insertdatetime insertdatetime 插入时间
media media 插入/编辑媒体文件
nonbreaking nonbreaking 不间断空格
save save 保存(ajax)
cancel save 取消保存
table table 插入/编辑表格
tabledelete table 删除表格
tablecellprops table 单元格属性
tablemergecells table 合并单元格
tablesplitcells table 拆分单元格
tableinsertrowbefore table 在当前行之前插入一个新行
tableinsertrowafter table 在当前行之后插入一个新行
tabledeleterow table 删除当前行
tablerowprops table 行属性
tablecutrow table 剪切选定行
tablecopyrow table 复制选定行
tablepasterowbefore table 在当前行之前粘贴行
tablepasterowafter table 在当前行之后粘贴行
tableinsertcolbefore table 在当前列之前插入一个列
tableinsertcolafter table 在当前列之后插入一个列.
tabledeletecol table 删除当前列
rotateleft imagetools 逆时针旋转当前图像
rotateright imagetools 顺时针旋转当前图像
flipv imagetools 垂直翻转当前图像
fliph imagetools 水平翻转当前图像
editimage imagetools 打开图像编辑对话框
imageoptions imagetools 打开图像配置对话框
fullpage fullpage 完整页面的文档属性
ltr directionality 设置编写方向从左到右
rtl directionality 设置编写方向从右到左
emoticons emoticons 表情
template template 插入模板
forecolor textcolor 文本颜色
backcolor textcolor 背景颜色
restoredraft restoredraft 恢复到最新的自动保存草稿
insertfile moxiemanager 引入文件
a11ycheck a11ychecker 检查访问性
toc toc 插入目录
quickimage inlite 插入本地图像
quicktable inlite 插入2X2的表格
quicklink inlite 插入连接

原文地址:https://www.cnblogs.com/already/p/12012714.html

时间: 2024-10-20 16:42:36

TinyMCE 工具栏配置的相关文章

ckeditor4.x toolbar 工具栏配置

首页你要下载full版本的 而不是stander版本 你可以在ckeditor\samples\plugins\toolbar 目录下方找到官方说明 官方说明有2种方式1toolbar 2 toolbargroup 以下是我google翻译的 此示例演示页面编辑器加载满工具栏(所有注册按钮),如果当前编辑器的配置修改默认设置,也与编辑修改工具栏. 由于CKEditor的4有两种方式来配置的工具栏按钮. 由config.toolbar 你可以明确地定义哪些按钮显示在哪些群体,哪些秩序.这是更精确的

html编辑器tinymce使用配置教程实例demo分享

原文:html编辑器tinymce使用配置教程实例demo分享 源代码教程地址:http://www.zuidaima.com/share/1550463284202496.htm 很简单的demo,大家可以扩展,不过功能很全. 标签: 编辑器 富文本 html tinymce 教程话题: 前端技术 入门教程 html编辑器tinymce使用配置教程实例demo分享

tinymce与prism代码高亮实现及汉化的配置

简单介绍:TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,由JavaScript写成.它对IE6+和Firefox1.5+都有着非常良好的支持.功能方强大,并且功能配置灵活简单.另一特点是加载速度非常快的.最重要的是,TinyMCE是一个根据LGPL license发布的自由软件,你可以把它用于商业应用,好了不多说,想了解更多自行百度,我们进入正题. 一.编辑页配置 1.首先我们需要引用网页样式控制文件及脚本语言编辑文件(其中前两个是tinymce脚本文件,后两个是prism高亮文件)

react引入富文本编辑器TinyMCE

这周做了一个PC端的service后台需求,要求有富文本编辑器,插入图片.表格,字体字号背景色等等, 最后引入了富文本编辑器TinyMCE 对于TinyMCE的简介: TinyMCE是一款易用.且功能强大的所见即所得的富文本编辑器.同类程序有:UEditor.Kindeditor.Simditor.CKEditor.wangEditor.Suneditor.froala等等. TinyMCE的优势: 开源可商用,基于LGPL2.1 插件丰富,自带插件基本涵盖日常所需功能 接口丰富,可扩展性强,有

Firefox不能加载TinyMCE的问题

不知Firefox的哪个版本开始,经常不能正常加载TinyMCE. 经过分析发现,出问题时总是停留在加载advhr插件(tiny_mce/plugins/advhr/editor_plugin.js)的地方,一直处于加载状态. 在TinyMCE的配置中去掉advhr这个插件后,问题解决. 这个插件的代码如下: (function() { tinymce.create('tinymce.plugins.AdvancedHRPlugin', { init : function(ed, url) {

Ueditor/自定义配置

UEditor除 了具有轻量.可定制等优点外,还始终将优化编辑操作.提升用户体验摆在了很重要的位置.在这一点上,除了对编辑器功能.性能.实现细节等不断地改进和追求 创新之外,众多灵活而人性化的自定义配置也充分地体现了这个特点,通过修改配置项的值,用户几乎可以完全地改变编辑器的外观和行为. 从配置本身的优先级来看,UEditor的配置可以分为系统默认配置和用户自定义配置两种类型.系统默认配置是指editor_config.js中的所有配置,而用户自定义配置则是指用户在实例化编辑器的时候传入的JSO

CKEDITOR使用与配置

安装: 下载CKEDITOR的文件,解压后复制到工程的WEBROOT目录下就OK! 引用CKEDITOR的JS文件: 新建JSP页面,添加其JS文件<script type="text/javascript" src="ckeditor/ckeditor.js"></script> 注意:1.src的路径. 2.不要写成<script type="text/javascript" src="ckeditor

ASP.NET CKEditor和CKFinder配置

第一次搞这个真的搞的头大,好歹最后也学会了.下面分享一下步骤 第一步: 官网下载CKEditor最新的和CKFinder最新的 都是Net版本的 第二步: 解压2个复制文件到网站下面,最好平级 第三步,记得引用下ckfinder 下面的dll 第四步: 配置ckEdit的工具条 在ckedit 下面的config.js 里面  我的是简单的工具栏 config.language = 'zh-cn'; config.uiColor = '#DBEEF5'; config.toolbar = 'Fu

Word2019+Mathtype6.9教程——免费和谐安装及工具栏显示

前言: 写论文时,您可能需要快速生成标准漂亮的数学公式.对于还在用word自带的公式编辑器的科研狗来说,换成mathtype是一个不错的选择. 然而,该软件的安装较为复杂,和谐方法更是找遍全网,大多被官网封杀.本博提供一种可用的安装步骤,并针对新版office给出了配置方法,且看且珍惜. 一.下载所需工具 Mathtype:https://www.lanzous.com/i5zimkf 灰色按钮克星(用于安装过程能够顺利输入注册码):https://www.lanzous.com/i5zimlg