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. 201871010126 王亚涛 《面向对象程序设计 Java》 第十五周学习总结

    内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.com/nwnu-daizh/p/11 ...

  2. IDEA安装maven和设置自动配置下载包

    在我们开发的过程中如果环境配置好了,对于我们开发将优很大作用,减少可开发的时间,接下来我就讲解一下maven的安装和配置,以及在idea上配置,希望此教程同时对大家优帮助. 1.1.下载maven和安 ...

  3. oracle 行转列~列转行（几种方法）

    工作中,我们经常会碰到行转列的情况 这里我介绍几种简单的方法--行转列 1.oracle的pivot函数 原表 使用pivot函数: with temp as(select '四川省' nation ...

  4. Java链接Oracle

    首先在Navicat里面链接Oracle: 连接时老报错:ORA-12505, TNS:listener does not currently know of SID given in connect ...

  5. 学习-JVM命令

    jstat jstat (JVM statistics Monitoring)是用于监视虚拟机运行时状态信息的命令,它可以显示出虚拟机进程中的类装载.内存.垃圾收集.JIT编译等运行数据. 格式:js ...

  6. ASP.NET开发实战——（一）开篇-用VS创建一个ASP.NET Web程序

        本文是本系列文章第一篇,主要通过建立一个默认ASP.NET MVC项目来引出与ASP.NET MVC相关的功能,由于ASP.NET MVC一个简单的模板就具备了数据库操作.身份验证.输入数据校 ...

  7. PATA1075 PAT Judge (25 分)

    The ranklist of PAT is generated from the status list, which shows the scores of the submissions. Th ...

  8. [LeetCode] 87. Scramble String 搅乱字符串

    Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrin ...

  9. 简单模仿QQ聊天界面

    首先看一下最终的效果,显示了消息时间,用户昵称,用户头像. 大致实现方法: 用最简单的ListView显示消息内容. 不同的用户使用不同的消息布局文件,从而达到头像左右显示的效果,如上图有2个用户&q ...

  10. java --后缀符号

    public class Sample { public static void main(String[] args) { , num2 = ; num1--; System.out.println ...