TinyMCE常用插件
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常用插件的更多相关文章
- wordpress常用插件汇总
WordPress之所以能成为目前最具人气的独立博客程序,除了无数爱好者为它开发的主题外,源源不断的插件支持也是重要的原因之一.wordpress的强大,也是在于无数爱好者源源不断的主题和插件. wo ...
- 前端构建工具之gulp_常用插件
gulp常用插件的使用 今天来看看一下gulp的常用插件的使用 就像gruntjs需要一个Gruntfile.js文件一样,gulp也需要一个文件作为它的主文件,在gulp中这个文件叫做gulpfil ...
- Jenkins常用插件说明(持续更新)
本文主要记录在学习以及使用Jenkins过程中常用的对我们有帮助的插件,同时本文将会持续进行更新.如果大家发现有其他野很好用的插件,也欢迎参照下面的格式,在评论中进行回复反馈. 一.通用插件 1.Em ...
- Maven常用插件
maven利用各种插件来管理构建项目,本文记录下工作中常用到的插件及使用方法.每个插件都会提供多个目标(goal),用于标示任务.各插件配置在pom.xml里,如下: <build> [. ...
- TinyMCE 官方插件一览表(不完全)
TinyMCE 官方插件一览表:advlist(Advanced List Plugin):项目编号.toolbar:bullist.autolink:自动加链接.lists:This list pl ...
- Struts2 JQuery UI常用插件
一.什么是插件 ①是遵循一定接口规范编写的程序 ②是原有系统平台功能的扩展和补充 ③只能运行在规定的系统平台下,而不能单独运行 注:由于jQuery插件是基于jQuery脚本库的扩展,所以所有jQue ...
- Easy UI常用插件使用
一.easy UI是类似于jQuery UI的插件库,它提供了丰富的各种常用插件:tree.datagrid... tree插件: 语法:$(selector).tree([settings]); 常 ...
- AngularJS常用插件与指令收集
angularjs 组件列表 bindonce UI-Router Angular Tree angular-ngSanitize模块-$sanitize服务详解 使用 AngularJS 开发一个大 ...
- jQuery常用插件
jQuery UI插件简介: jQuery UI是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库.包含底层用户交互.动画.特效和可更换主题的可视控件.我们可以直接用它来构建具 ...
随机推荐
- 基于DBUtils实现数据库连接池及flask项目部署
阅读目录 flask中是没有ORM的,如果在flask里面连接数据库有两种方式 数据库连接池原理 模式一: 模式二: 数据库连接池 flask中是没有ORM的,如果在flask里面连接数据库有两种方式 ...
- VC 静态库与动态库(二)静态库创建与使用
1.新建项目,创建项目和解决方案 StaticLibrary 这是静态库项目 G:\C++Learn\Library Library文件夹用于存放库相关文件,包含静态库与后面的动态库工程和解决方案 ...
- 开放接口的安全验证方案(AES+RSA)
http://wubaoguo.com/2015/08/21/%E5%BC%80%E6%94%BE%E6%8E%A5%E5%8F%A3%E7%9A%84%E5%AE%89%E5%85%A8%E9%AA ...
- keil mdk+stm32的ac5和 ac6两个编译器下的字节对齐操作方法
最近在使用ac6.9的编译器,编译速度是真的很快,使用stm32的hal库编译速度也比ac5的编译器快很多.本文试验stm32中字节对齐的代码测试,主要是结构体,因为结构体中实际项目中用到最多,同时在 ...
- BN和Relu
Batch normalization + ReLU 批归一化(BN)可以抑制梯度爆炸/消失并加快训练速度 原论文认为批归一化的原理是:通过归一化操作使网络的每层特征的分布尽可能的稳定,从而减少Int ...
- C++面向对象程序设计学习笔记（4）
类与对象(2) string类 C++不仅向下兼容C的字符表示方法,也声明了一种更方便的字符串类型,即string类. 想要使用string类,必须包括头文件string,即要声明 #include& ...
- 记一次linux下安装redis, 设置redis服务, 及添加环境变量
一. redis的安装 cd /opt # ...
- [LeetCode] 794. Valid Tic-Tac-Toe State 验证井字棋状态
A Tic-Tac-Toe board is given as a string array board. Return True if and only if it is possible to r ...
- hunter-冲刺合集
冲刺合集 一·项目相关 作业相关 具体描述 所属班级 2019秋福大软件工程实践Z班 作业要求 团队作业第五次-项目冲刺 作业正文 hunter--冲刺集合 团队名称 hunter小组 作业目标 最终 ...
- 第28课 “共享状态”提供者（std::promise/std::package_task）
一. std::promise和std::package_task (一)共享状态.提供者和管理者 // CLASS TEMPLATE _Promise template <class _Ty& ...