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 設置上傳路徑。