Advanced Tables

基于table插件的增强表格插件，添加了排序功能。

tinymce.init({

  plugins: 'table advtable',

  menubar: 'table'

});

Anchor

锚点插件

tinymce.init({

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

  plugins: "anchor",

  toolbar: "anchor",

  menubar: "insert"

});

Autolink

自动识别创建连接

tinymce.init({

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

  plugins: "autolink"

});

Autoresize

自动调整编辑区大小

tinymce.init({

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

  plugins: "autoresize"

});　　

选项：

autoresize_bottom_margin 编辑区下外边距

tinymce.init({

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

  plugins: "autoresize",

  autoresize_bottom_margin: 50

});

autoresize_on_init 是否在初始化的时候调整大小

autoresize_overflow_padding 编辑区内边距

max_height 最大高度

min_height 最小高度

Code

用于查看文章HTML代码插件

tinymce.init({

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

  plugins: "code",

  toolbar: "code",

  menubar: "tools"

});

Full Page　　

设置文档源数据，如title、keyword和description等信息，这些信息将会出现在html的head标签内。结合code插件使用，可以查看fullpage插件的效果。

tinymce.init({

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

  plugins: "fullpage",

  menubar: "file",

  toolbar: "fullpage"

});　　

选项：

fullpage_default_doctype 设置doctype，默认值是"<!DOCTYPE html>"

fullpage_default_encoding 设置默认编码，默认值是无

fullpage_default_font_size 设置body默认字体大小

fullpage_default_font_family 设置body默认字体样式

fullpage_default_title 设置默认标题

Full Screen

全屏插件使TinyMCE编辑区填充流量器的可视区域。

tinymce.init({

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

  plugins: "fullscreen",

  menubar: "view",

  toolbar: "fullscreen"

});　　

Link

支持在文档中插入一条连接

tinymce.init({

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

  plugins: "link",

  menubar: "insert",

  toolbar: "link"

});

Lists

序列插件，支持有序和无序两种列表。

tinymce.init({

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

  plugins: "lists",

  toolbar: "numlist bullist"

});

Previes

预览插件　　

tinymce.init({

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

  plugins: "preview",

  menubar: "view",

  toolbar: "preview"

});

Save

保持插件

tinymce.init({

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

  plugins: "save",

  toolbar: "save"

});　　

选项：

save_enablewhendirty 是否禁用保持按钮知道编辑发生时才可保持，默认是true，即只有当编辑了保存按钮才可点击。

save_oncancelcallback 设置一个函数以响应取消事件。

save_onsavecallback 设置一个函数以响应保存事件。

tinymce.init({

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

  plugins: "save",

  toolbar: "save",

  save_onsavecallback: function () { console.log('Saved'); }

});

Image

图片插件

tinymce.init({

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

  plugins: "image",

  menubar: "insert",

  toolbar: "image",

  image_list: [

    {title: 'My image 1', value: 'https://www.example.com/my1.gif'},

    {title: 'My image 2', value: 'http://www.moxiecode.com/my2.gif'}

  ]

});　　

选项：

file_picker_callback

file_picker_types

image_caption

image_list 预设图片列表，用处不大。

image_advtab 图片增强功能，用处不大。

image_class_list

image_description 是否展示图片描述字段输入框，默认是true展示。

image_dimensions 是否展示图片尺寸输入框，默认是true展示。

image_prepend_url 设置图片前缀。

image_title 是否展示图片标题输入框，默认是false不展示。

image_uploadtab 是否展示上传标签页，默认是true展示，必须配合image_upload_url使用。

images_upload_base_path 设置图片的基础路径，上传成功之后返回的图片路径加上该值即为图片的完整路径。

images_upload_credentials 上传操作是否携带证书。

images_upload_handler 设置一个函数来处理图片上传，函数可接收三个参数blobInfo、success和failure，第一个参数是一个FormData类型的表单数据，第二个参数是上传成功回调函数，最后一个是上传失败回调函数。

images_upload_url 设置上传路径。

　　

　　

　　

　　

TinyMCE常用插件的更多相关文章

  1. wordpress常用插件汇总

    WordPress之所以能成为目前最具人气的独立博客程序,除了无数爱好者为它开发的主题外,源源不断的插件支持也是重要的原因之一.wordpress的强大,也是在于无数爱好者源源不断的主题和插件. wo ...

  2. 前端构建工具之gulp_常用插件

    gulp常用插件的使用 今天来看看一下gulp的常用插件的使用 就像gruntjs需要一个Gruntfile.js文件一样,gulp也需要一个文件作为它的主文件,在gulp中这个文件叫做gulpfil ...

  3. Jenkins常用插件说明(持续更新)

    本文主要记录在学习以及使用Jenkins过程中常用的对我们有帮助的插件,同时本文将会持续进行更新.如果大家发现有其他野很好用的插件,也欢迎参照下面的格式,在评论中进行回复反馈. 一.通用插件 1.Em ...

  4. Maven常用插件

    maven利用各种插件来管理构建项目,本文记录下工作中常用到的插件及使用方法.每个插件都会提供多个目标(goal),用于标示任务.各插件配置在pom.xml里,如下: <build> [. ...

  5. TinyMCE 官方插件一览表(不完全)

    TinyMCE 官方插件一览表:advlist(Advanced List Plugin):项目编号.toolbar:bullist.autolink:自动加链接.lists:This list pl ...

  6. Struts2 JQuery UI常用插件

    一.什么是插件 ①是遵循一定接口规范编写的程序 ②是原有系统平台功能的扩展和补充 ③只能运行在规定的系统平台下,而不能单独运行 注:由于jQuery插件是基于jQuery脚本库的扩展,所以所有jQue ...

  7. Easy UI常用插件使用

    一.easy UI是类似于jQuery UI的插件库,它提供了丰富的各种常用插件:tree.datagrid... tree插件: 语法:$(selector).tree([settings]); 常 ...

  8. AngularJS常用插件与指令收集

    angularjs 组件列表 bindonce UI-Router Angular Tree angular-ngSanitize模块-$sanitize服务详解 使用 AngularJS 开发一个大 ...

  9. jQuery常用插件

    jQuery UI插件简介: jQuery UI是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库.包含底层用户交互.动画.特效和可更换主题的可视控件.我们可以直接用它来构建具 ...

随机推荐

  1. 201871010105-曹玉中《面向对象程序设计（java）》第十五周学习总结

    201871010105-曹玉中<面向对象程序设计(java)>第十五周学习总结 项目 内容 这个作业属于哪个过程 https://www.cnblogs.com/nwnu-daizh/ ...

  2. echo和printf打印输出

    [root@node2 scprits]# echo Hello World! Hello World! [root@node2 scprits]# echo 'Hello World!' Hello ...

  3. java第三讲课后动手动脑及代码编写

    1. 类就是类型,对象就是这种类型的实例,也就是例子.类是抽象的东西,对象是某种类的实实在在的例子.例如:车是一个类,汽车,自行车就是他的对象. 对象的定义方法? (1)对象声明:类名 对象名: (2 ...

  4. 论文阅读笔记六十:Squeeze-and-Excitation Networks(SENet CVPR2017)

    论文原址:https://arxiv.org/abs/1709.01507 github:https://github.com/hujie-frank/SENet 摘要 卷积网络的关键构件是卷积操作, ...

  5. 3.Vue的基本语法

    1.v-bind 可简写为":" 你看到的 v-bind 等被称为指令.指令带有前缀 v-,以表示它们是 Vue 提供的特殊特性. 我们可以使用 v-bind 来绑定元素特性! 在 ...

  6. 网络1911、1912 C语言第5次作业--循环结构 批改总结

    如题 一.评分规则 1.伪代码务必是文字+代码描述,直接反应代码,每题扣1分 2.提交列表没内容,或者太简单,每题得分0分.注意选择提交列表长的题目介绍. 3.代码格式不规范,包括命名随意.继续扣分. ...

  7. 【洛谷】P4594 [COCI2011-2012#5] BLOKOVI

    本来已经有一个专门记录洛谷题目的博客了,但这个题之毒瘤...... 为你专门写一篇总行了吧...... 传送门 先说一句,这个题每次摆放都靠到最右边不一定是最优的 因为它可以这个亚子 就是说上面那个块 ...

  8. Airtest网易开源的一款UI自动化测试工具

    Airtest网易开源的一款UI自动化测试工具 1 Airtest 简介Airtest Project是网易游戏内部工具团队开发并开源的一款UI自动化测试工具,据说曾经获得谷歌力挺. AirtestI ...

  9. SpringBoot集成Spring Security（1）——入门程序

    因为项目需要,第一次接触 Spring Security,早就听闻 Spring Security 功能强大但上手困难,学习了几天出入门道,特整理这篇文章希望能让后来者少踩一点坑(本文附带实例程序,请 ...

  10. C#调用WPS将文档转换成pdf进行预览

    引用:https://www.jianshu.com/p/445996126c75 vs启动项目可以生成wps实例 本地iis部署的站点却不行 原因是vs是管理员权限,而iis没有权限 解决方法 启动 ...