後台文章編輯器的可視區域新增自定義功能按鈕

2022-03-30 15:31:51 字數 2471 閱讀 6632

有時候我們需要自定義一些樣式或者功能,要麼就是直接在text區域直接寫html**,

還有一種方法就是直接將自定義一些樣式或者功能新增到後台文章編輯器的

可視區域。具體實現方式如下:

首先在對應的主題的functions.php下新增如下**:

// 向文章編輯器的visual區新增自定義按鈕,js檔案存放在wp-content/themes/drivereasy/js/資料夾下 from ryan 2018/05/02

add_action('admin_head', 'my_custom_mce_button_2');

function my_custom_mce_button_2()

if ( 'true' == get_user_option( 'rich_editing' ) )

}function my_custom_tinymce_plugin_2( $plugin_array )

function my_register_mce_button_2( $buttons )

這裡需要注意 $plugin_array['my_mce_button_2']  裡面的my_mce_button_2必須與mce-button.js檔案中的

editor.addbutton('my_mce_button_2', object) 第乙個引數保持一致。

mce-button.js**如下:

獲取使用者瀏覽器的可視區域

1 jquery alert window height 瀏覽器時下視窗可視區域高度 alert document height 瀏覽器時下視窗文件的高度 alert document.body height 瀏覽器時下視窗文件body的高度 alert document.body outerhei...

文章編輯器的使用

你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下markdown的基本語法知識。全新的介面設計,將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式,markdown將 片顯示選擇的高亮樣式進行展示 全新的ka...

織夢後台編輯器新增新字型

開啟include ckeditor ckeditor.js,搜尋i.font names,找到字型列表。新增所需的中文字型,新增後為 1 i.font names 微軟雅黑 微軟雅黑 宋體 宋體 黑體 黑體 仿宋 仿宋 楷體 楷體 隸書 隸書 幼圓 幼圓 arial arial,helvetica...