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 网页用户界面代码库.包含底层用户交互.动画.特效和可更换主题的可视控件.我们可以直接用它来构建具 ...
随机推荐
- 【视频技术】EasyDarwin
- opencv估计两图的三维坐标变换矩阵
cv::estimateAffine3D(MatFrom, MatTo, Transfrom, inlier); Transform得到的是重MatFrom到MatTo的变换矩阵.inlier给一个空 ...
- python 爬虫之-- 正则表达式
正则表达式是一个特殊的字符序列,它能帮助你方便的检查一个字符串是否与某种模式匹配. 正则表达式非python独有,python 提供了正则表达式的接口,re模块 一.正则匹配字符简介 模式 描述 \d ...
- Azure产品整理
Azure的文档真是够落地,简明易懂. 计算 Linux 虚拟机:为 Ubuntu.Red Hat 等预配虚拟机 Windows 虚拟机 为 SQL Server.SharePoint 等预配虚拟机 ...
- HTTP几种认证方式介绍
HTTP提供了一套标准的身份验证框架:服务器可以用来针对客户端的请求发送质询(challenge),客户端根据质询提供身份验证凭证.质询与应答的工作流程如下:服务器端向客户端返回401(Unautho ...
- 洛谷p2613【模板】有理数取余
题目 \(c\)等于一个分数,求他的余数,分数是不能直接模的,除以一个数等于乘上这个数的逆元. 所以此题就是求一个逆元,费马小定理求逆元是很方便的,一个快速幂就解决了. 还要注意因为\(a,b\)的值 ...
- A1041 Be Unique (20 分)
一.技术总结 这题在思考的时候遇见了,不知道怎么处理输入顺序问题,虽然有记录每个的次数,事后再反过来需要出现一次的且在第一次出现, 这时我们其实可以使用另一个数组用来存储输入顺序的字符,然后再用另一个 ...
- 第09组 Beta冲刺(2/5)
队名:观光队 链接 组长博客 作业博客 组员实践情况 王耀鑫 过去两天完成了哪些任务 文字/口头描述 学习 展示GitHub当日代码/文档签入记录 接下来的计划 完成短租车,页面美化 还剩下哪些任务 ...
- fiddler抓包-5-Composer功能进行接口测试
前言 fiddler是个强大的抓接口工具,轻松看出接口的所有参数,这里介绍一个Composer功能它也可以进行接口测试,平时接口可能传参错误,我们可以拖拽接口来改参数直接再请求了,非常方便! 一.Co ...
- root账号无法上传文件到Linux服务器
普通权限的账号,通过ftp工具,可以正常连上Linux服务器,可以正常上传文件.但是root账号却无法上传文件. 网上搜了半天才知道,默认情况下vsftp是不允许root用户登录的,可以通过修改限制来 ...