網友評分:
9.7分
TinyMCE是一個輕量型可視化的在線富文本編輯器,使用JavaScript編寫,支持AJAX,只需要兩行代碼就可以輕松的嵌入到網頁中,兼容目前流行的各種瀏覽器,支持多種代碼的編寫。
TinyMCE編輯器,能將網頁中顯示的各種數據自動編輯成實用的代碼,讓你可以進一步地優(yōu)化相關的HTML信息,減少腳本編寫的工作量。
1、快速開始
在你的HTML頁面
中包括下面這行代碼。也可以在GitHub上下載,但需要自己創(chuàng)建發(fā)布包。
在頁面中創(chuàng)建TinyMCE編輯器容器
包含下面腳本,初始化TinyMCE,使用tinymce.init()方法,當中包括一個selector屬性,值為一個CSS選擇器。
完成以上的操作,一個簡單的富文本編輯器就初始化完成了。
2、基本使用
①自定義工具欄按鈕
toolbar屬性自定義按鈕,多個自定義按鈕用空格分割,通過editor.addButton()方法添加到編輯器。
?、谧远x菜單
在自定義按鈕中使用menu屬性添加一個菜單列表,值是一個數組。
除了這些意外還有更多的配置,可以實現高度的定制功能按鈕。
③HTML5格式化
對內容格式的定制還有其他配置屬性,具體可以查看文檔,在這里就不多做解釋了。
?、軆嚷撃J?/p>
inline設置為true,默認false,這樣簡單的內聯就配置好了,點擊容器內元素即可激活工具欄。
?、輫H化語言
language這個選項允許您指定的語言出現在TinyMCE的用戶界面。也就是說,工具欄按鈕和菜單項。默認情況下,TinyMCE將使用我們英語作為語言的接口。
如果你想使用英語以外的其他語言,請遵循以下步驟:
從這里下載您希望使用的語言包。
語言文件解壓到你的tinymce/langs文件夾(或者項目任意位置)。
在language選項中配置語言代碼,如中文簡體zh_CN;語言文件在不在tinymce/langs文件夾中,需要URL來確定語言文件位置,如language_url : '/languages/zh_CN.js'。
TinyMCE還有很多功能我就不一一說明了,如主題、插件、文件選擇、上傳等,內置很多方法和事件,可以在官網深入了解下,同時也兼容移動端設備。高級功能有從word粘貼、管理文件和圖像、檢查拼寫、嵌入豐富的媒體等。
V4.7.5
修正了Codesample插件的bug,在編輯器處于內聯模式時無法編輯codesamples;
修正問題集中在狀態(tài)欄打破了鍵盤導航功能;
修正錯誤,當使用Powerpaste插件粘貼時,表格插件會在Edge上引發(fā)錯誤;
表插件中的固定錯誤,從高級行屬性的下拉菜單中選擇行邊框樣式會引發(fā)錯誤;
Mac OS上的Chrome上的圖標呈現不正確的固定錯誤;
Textcolor Plugin中的FIXED錯誤,其中字體顏色和背景顏色按鈕不會觸發(fā)ExecCommand事件;
修復鏈接插件中的url字段不是強制LTR的錯誤;
Nonbreaking Plugin錯誤地將空格插入到表中的修復的錯誤;
內嵌主題固定的錯誤,工具欄不調整窗口大小。