默认情况下,其按钮标签有很多,常用的解释如下:
’separator’ —— 分隔符
‘bold’ —— 粗体
‘italic’ —— 斜体
‘underline’ —— 下划线
’strikethrough’ —— 删除线
’sub’ —— 上标
’sup’ —— 下标
‘bullist’ —— 无序列表
‘numlist’ —— 有序列表
‘outdent’ —— 减少缩进
‘indent’ —— 增加缩进
‘justifyleft’ —— 局左
‘justifycenter’ —— 局中
‘justifyright’ —— 局右
‘justifyfull’ —— 两端对齐
‘link’ —— 添加/编辑链接
‘unlink’ —— 撤销链接
‘image’ —— 插入图片
‘forecolor’ —— 字体颜色
‘backcolor’ —— 字体背景色
‘charmap’ —— 特殊符号表
‘undo’ —— 撤销
‘redo’ —— 重做
‘formatselect’ —— 格式选择
‘fontselect’ —— 字体选择
‘fontsizeselect’ —— 字号选择
‘cut’ —— 剪切
‘copy’ —— 复制
‘paste’ —— 粘贴
‘pastetext’ —— 以纯文本格式粘贴
‘pasteword’ —— 粘贴 Word 格式内容(这几个粘贴功能还是有点用的,因为这个编辑器在 IE7 下使用 Ctrl + V 粘贴的时候,编辑框内的焦点会跳到第一行去 )
‘removeformat’ —— 移除格式
‘cleanup’ —— 删除冗余代码
‘ltr’ —— 内容从左到右显示(语言文字方向性定义,似乎中文里用不上)
‘rtl’ —— 内容从右到左显示(同上)
‘code’ —— 打开HTML代码编辑器
’spellchecker’ —— 拼写检查
‘hr’ —— 插入水平线
‘anchor’ —— 插入锚标记
‘newdocument’ —— 新建文档(效果和清空内容重写差不多)
‘wp_more’ —— 插入 more 标签
‘wp_page’ —— 插入分页标签
‘wp_help’ —— 帮助
‘wp_adv’ —— 隐藏按钮显隐开关
‘wp_adv_start’ —— 隐藏按钮区起始部分
‘wp_adv_end’ —— 隐藏按钮区结束部分
TinyMCE官方下载地址: http://tinymce.moxiecode.com/download.php
下载完后,把整个tinymce文件里的所有内容放到你的项目中,不能只把tiny_mce.js放入,要把其他都放入,尽管我们在下面的javascript中引用到的只有tiny_mce.js,但这个js是基于其他js和css的。
以下是我自己定义所需的留言板格式
<script src="/test/js/tiny_mce/tiny_mce.js"></script>//这个test是我项目的名字,相应的改为你们的项目名,且不能少
<script type="text/javascript">
tinyMCE.init({
mode : "exact",
elements : "content", //对应下面的textareaID号
theme : "advanced",
plugins : "pagebreak",
theme_advanced_buttons1 : "bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,fontsizeselect,backcolor,forecolor,undo,redo,",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_path_location : "bottom",
width:700, //这里设置的是留言板的长宽
height:200,
extended_valid_elements : "a[name|href|target|title|onclick],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
language : "zh" //这个设置按钮提示语为中文,很有用
});
</script>
嵌入tinymce插件的地方:
<form action="" method="post" >
<table>
<tr>
<td>
<font color="blue">内容:</font>
</td>
</tr>
<tr>
<td>
//这里的id号要对应于javascript中定义的elements名
<textarea id="content" cols="54" rows="6"></textarea>
</td>
</tr>
<tr>
<td width="20%">
<input type="submit" value="提交"/>
<input type="reset" value="重置" />
</td>
</tr>
</table>
</form>
分享到:
相关推荐
tinyMCE编辑器,包含自定义上传图片插件,下载后放在tinyMCE插件的plugins文件夹中,之后初始化中引入plugins,即可在toolbar中展示
tinymce 官方只有单图片上传功能,本人试重网上查找多图片批量上传的例子,无奈找不到合适的,唯有自力更新,帮助更多的网友。
tinymce 格式刷插件 亲测好用 采用自定义插件形式引入即可
tinymce 自定义类TinyMCE 自定义类插件
tinymce powerpaste插件,兼容最新的tinymce5.2.0版本。解压后放到plugins目录
tinymce 4使用powerpaste-3.3.3-308, tinymce 5使用powerpaste-4.0.1-317, 内附demo
vue-tinymce 封装了el-upload 控件,支持富文本编辑器自定义图片上传整合。 复制到vue的src/components文件夹下 详情博文介绍见:https://xingyun.blog.csdn.net/article/details/102492921
TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,支持目前流行...免费也有免费的毛病, 官方的增加插件和插入图片插件是收费的,所以只好自己动手了 自己做插件也不是很难,Plugins目录下有模板。考一个改成自己的先
简体中文tinymce编辑器插件下载 简体中文tinymce编辑器插件下载
tinymce格式刷_formatpainter-格式刷插件和用法,亲测有用,需要的欢迎下载
微小的MCE 向 WordPress TinyMCE 添加自定义按钮
tinymce 大版本4,对应powerpaste-3.3.3-308, 大版本5对应4.0.1-317
解压后放到plugins目录即可使用,兼容tinymce5.2.0版,亲测可用 富文本编辑器tinmcy 插件,tinymce富文本编辑器集成demo,添加powerpaste插件,支持word、excel带格式粘贴。demo.html,tinymce实现从word直接粘贴并...
TinyMCE两个商业插件
tinyMCE富文本编辑器line-height行高插件,下载后放在tinyMCE插件的plugins文件夹中,之后初始化中引入plugins,即可在toolbar中展示
tinyMCE插件开发基础! 提供tinyMCE插件开发的基本方法。
tinymce是很强大的富文本编辑器,可以去官网下载,这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用,此插件目前官网收费每月12美刀,我们就不花这钱了。以vue为例说明:将tinymce下载...
powperpaste现在是收费插件,官网最低售价12美元/每月,可从word直接粘贴富文本,同时上传图片
tinymce 富文本编辑器导出插件, 支持导出word 导出pdf,可通过配置修改下载文件名称
tinyMCE插件包