首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在wordpress中将自定义按钮添加到我的tinyMCE

在WordPress中,可以通过以下步骤将自定义按钮添加到TinyMCE编辑器:

  1. 创建一个自定义插件:
    • 在WordPress的插件目录中创建一个新文件夹,命名为custom-tinymce-button(可以根据自己的需求命名)。
    • 在该文件夹中创建一个名为custom-tinymce-button.php的PHP文件。
    • custom-tinymce-button.php文件中,添加以下代码:
代码语言:txt
复制
<?php
/*
Plugin Name: Custom TinyMCE Button
Plugin URI: https://your-plugin-url.com
Description: Adds a custom button to the TinyMCE editor.
Version: 1.0
Author: Your Name
Author URI: https://your-website.com
License: GPL2
*/

// Enqueue the necessary scripts and styles
function custom_tinymce_button_enqueue_scripts() {
    wp_enqueue_script('custom-tinymce-button-script', plugins_url('custom-tinymce-button.js', __FILE__), array('jquery'), '1.0', true);
}
add_action('admin_enqueue_scripts', 'custom_tinymce_button_enqueue_scripts');

// Add the button to the TinyMCE toolbar
function custom_tinymce_button_add_button($buttons) {
    array_push($buttons, 'custom_tinymce_button');
    return $buttons;
}
add_filter('mce_buttons', 'custom_tinymce_button_add_button');

// Register the TinyMCE plugin
function custom_tinymce_button_register_plugin($plugin_array) {
    $plugin_array['custom_tinymce_button'] = plugins_url('custom-tinymce-button.js', __FILE__);
    return $plugin_array;
}
add_filter('mce_external_plugins', 'custom_tinymce_button_register_plugin');
  1. 创建一个JavaScript文件:
    • custom-tinymce-button文件夹中创建一个名为custom-tinymce-button.js的JavaScript文件。
    • custom-tinymce-button.js文件中,添加以下代码:
代码语言:txt
复制
(function() {
    tinymce.PluginManager.add('custom_tinymce_button', function(editor, url) {
        editor.addButton('custom_tinymce_button', {
            text: 'Custom Button',
            icon: false,
            onclick: function() {
                // 在这里添加自定义按钮的功能代码
                editor.insertContent('Hello World!');
            }
        });
    });
})();
  1. 将插件上传到WordPress并激活:
    • custom-tinymce-button文件夹打包为ZIP文件。
    • 在WordPress后台,进入“插件”->“安装插件”页面。
    • 选择“上传插件”,上传并安装ZIP文件。
    • 激活插件。

现在,在WordPress的编辑器中,你将看到一个名为“Custom Button”的自定义按钮。点击该按钮将执行在JavaScript文件中定义的功能代码(在示例中是插入“Hello World!”文本)。

请注意,这只是一个简单的示例,你可以根据自己的需求自定义按钮的功能。另外,如果你需要更多的自定义按钮,可以在插件中添加多个按钮,并在JavaScript文件中为每个按钮定义不同的功能代码。

腾讯云相关产品和产品介绍链接地址:

以上是腾讯云提供的一些与云计算相关的产品,可以根据具体需求选择适合的产品进行开发和部署。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

WordPress自带TinyMCE编辑器相关功能增强

WordPress 默认那个编辑器叫做TinyMCETinyMCE是一个轻量级基于浏览器所见即所得编辑器,由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好支持。...'); 添加更多HTML标签(慎用) 此功能请慎用,因为WordPress自带TinyMCE编辑器会默认过滤掉不符合XHTML 1.0中html标签,不排除某些情况下也可能会用到这些标签,所以把方法放出来供大家参考吧...添加方法:将以下代码粘贴到主题functions.php文件里即可: WordPress自带编辑器强大往往被人忽略,很大程度上就是其隐藏编辑按钮默认情况下没有被显示出来而已。..."); //添加到工具栏第三行 让编辑器支持中文拼写检查 WordPress自带TinyMCE编辑器默认对英文拼写进行检查,怎么样才能让其支持中文拼写检查呢?...如果你使用了WordPress3.3+版本,可以用以下方法快捷方便在后台HTML编辑器中加入自定义按钮 步骤一:首先创建一个js文件,粘贴如下代码并保存为my_quicktags.js文件: QTags.addButton

2.8K50

WordPress 3.9+ TinyMCE 4 编辑器增强开发

WordPress 3.9版本后,WordPress 默认编辑器 TinyMCE 随之升级到了版本4,带来问题以前在默认编辑器上增强开发效果可能失效。...这篇文章旨在破旧立新,通过几个例子给大家带来几个TinyMCE4 编辑器增强开发技巧。...还原字体种类及大小选择按钮 默认的话,字体种类及大小这两个按钮没有添加TinyMCE 编辑器中,通过下面的函数,就可以实现有下拉形式字体种类及大小这两个按钮。...除了默认字体,根据个人需求你可能需要添加其他字体,比如说Google font(不过在天朝嘛目前貌似有点难连接这个)上字体,那么你可以用下面的代码注册一个自定义字体。...先看图,就知道实现效果是什么了,这个的话在 Devework主题1.5 版本之后短代码功能上按照这个增加了可视化状态下输入按钮

94260

8个用于设计漂亮表格WordPress插件

为你网站添加有趣互动方式 以下是一些比较好用WordPress表格插件推荐 TinyMCE Advanced TinyMCE Advanced让用户可以在不编辑HTML代码情况更好地控制内容,该插件还有在编辑器工具栏中有附带了许多其他功能...,它包括15个TinyMCE插件,可根据您选择按钮自动启用或禁用,其中也包括创建表格功能。...在管理后台,提供了一个类似Excel界面。只需添加数据、选择样式和更改设置,然后发布即可。你可以使用该插件创建表格、图表,并且比TinyMCE具有更多格式设置。 League Table ?...当你有大量外部数据时想要引入WordPress时,这个付费插件非常适。你所要做就是上传导入电子表格文件,然后自定义在你网站上显示方式。...或许你不会在WordPress中经常用到表格工具,但是从上面可以了解到在WordPress添加表格也是很容易事情,可以无痛添加

4.9K20

WPJAM TinyMCE:一键增强 WordPress 经典编辑器

现在大家都开始使用古腾堡编辑器了,特别是 WordPress 最新几个版本发行,大部分更新都围绕古腾堡编辑器,不过在一些地方还是有用到经典编辑器,比如我们花生小店商品编辑,就用不到古腾堡那么高级编辑器...经典编辑器基本够用,但是有些格式化工具缺失,还是挺烦人,所以我们为了商家在花生小店时候方便编辑商品,我们做了一个 WordPress 经典编辑器增强插件,为了方便就叫做 WPJAM TinyMCE。...添加编辑器按钮 WPJAM TinyMCE 这个插件首先增加几个样式按钮:下划线,背景颜色,两端对齐等,增加了常用 WordPress 内容分页按钮,还支持设置字体和大小,最后还把按钮布局调整了一下,...安装 WPJAM TinyMCE 之前编辑器: 安装 WPJAM TinyMCE 之后编辑器: 新增插入表格功能 我增加了 TinyMCE 表格插件,让大家在编辑器就能够直接插入表格: 还支持表格行...直接插入屏幕截图 对于我们技术类型博客来说,在写说明时候插入屏幕截图,是非常常见操作,之前可能需要用到一些截图软件,把截图保存到电脑桌面,然后再上传到 WordPress 媒体库。

75110

WPJAM「评论增强插件」支持后台添加评论

WPJAM「评论增强插件」新增后台添加评论功能,这样管理员也给一些文章添加一些评论来丰富文章内容了,操作也非常简单,在后台文章列表,点击「添加评论」按钮: 就会弹出管理员添加评论界面: 按照要求输入平路用户昵称...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮...用户管理 最强 WordPress 一键用户管理插件。 支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。...配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项。...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中外部链接加上安全提示中间页。

1.1K20

WordPress 后台编辑器文本模式(HTML模式)添加按钮

今天为各位带来在WordPress 后台编辑器文本模式(HTML模式)添加自定义按钮方法,这个的话如果使用S-shortcodes 短代码插件可能有接触,因为在最新版已经集成了。...文本模式(HTML模式)添加按钮是为了更加方便地进行写作,特别是像Jeff 这种习惯在文本模式(HTML模式)下写文章博主。...之前分享过一篇文章《WordPress自带TinyMCE编辑器相关功能增强》也大致有介绍,今天在这里则更加细致说明方法并给出多个实例。...为WordPress 后台编辑器文本模式(HTML模式)添加按钮教程 方法很简单,依样画葫芦即可。.../my_quicktags.js', array('quicktags') ); } 然后创建一个my_quicktags.js文件,按钮便是在这里自定义,先给出个定义

2.3K100

WordPress 评论表 comment_type 字段默认值从空字符串改成 comment

WordPress 之前评论表 comment_type 字段默认值一直是空字符,为了更加语义化,从 5.5 版本开始,WordPress 已经将强制设置为 "comment",这项改动是为了以后更加方便实现自定义...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮...用户管理 最强 WordPress 一键用户管理插件。 支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。...配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。

1.1K40

WPJAM「评论增强插件」:支持评论点赞和评论置顶

后台评论管理 因为评论置顶功能是针对单篇文章评论才能置顶,所以我在 WordPress后台 「文章」菜单下,添加了「文章评论」子菜单: 在该界面,我把页面分成左右两块,左边首先显示文章列表,点击某篇文章即可显示该篇文章评论列表...管理员添加评论 另外一个比较重要功能是:管理员可以给一些文章添加一些评论来丰富文章内容了,操作也非常简单,在后台文章列表,点击「添加评论」按钮: 就会弹出管理员添加评论界面: 按照要求输入平路用户昵称...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮...用户管理 最强 WordPress 一键用户管理插件。 支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。...配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项。

1.6K40

WPJAM「分类管理插件」新增多重筛选功能

博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮...用户管理 最强 WordPress 一键用户管理插件。 支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。...配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项。...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中外部链接加上安全提示中间页。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。

97120

WordPress 分类如何实现拖动排序?

WordPress 默认对分类排序真的是太弱了,仅支持通过代码方式使用 ID,使用数量(count),名称(name),别名(slug)等字段进行排序,都没有提供自定义分类方法,更别提拖动排序。...如果某个一级分类有下一级分类,点击它,立刻展示并只展示它下一级分类列表: 这个时候「显示所有」按钮又变成了「返回上一级」按钮,点击返回第一季分类列表。...,添加新分类,如果要选择父级分类时候,也是只有第一级: 插件考虑得还是很周全。...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮...配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项。

1.6K30

WPJAM「用户管理插件」新增记录用户最后登录时间功能

所以目前 WPJAM「 用户管理插件」已有如下十几个功能了: 屏蔽个人设置 屏蔽姓名设置 显示名称设置 隐藏登录名 开启别名设置 开启登录限制 以此身份登陆 按注册时间排序 用户最后登录时间 自定义用户头像...传统 TinyMCE 编辑器 添加下划线等按钮,支持截屏贴图等 标题设置 一键设置 WordPress 所有页面的页面标题 登录优化 一键优化 WordPress 登录注册界面,并支持第三方账号登录和绑定...用户管理 最强 WordPress 一键用户管理插件。 支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。...配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。

96420

WordPress 果酱知识星球所有福利插件列表

WordPress 博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE...编辑器 添加下划线等按钮,支持截屏贴图等 标题设置 一键设置 WordPress 所有页面的页面标题 登录优化 一键优化 WordPress 登录注册界面,并支持第三方账号登录和绑定 内容模板 通过短代码在内容中插入一段共用内容模板...用户管理 最强 WordPress 一键用户管理插件。 支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。...配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。

67510

WPJAM「内容模板插件」新增标识参数短代码

优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮,支持截屏贴图等 标题设置 一键设置 WordPress 所有页面的页面标题 登录优化 一键优化 WordPress 登录注册界面...用户管理 最强 WordPress 一键用户管理插件。 支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。...配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项。...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中外部链接加上安全提示中间页。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。

76940

WordPress常用插件分享

WP-UTF8-Excerpt  描述:  一个不错摘要插件。 主要特点: 1,支持多字节语言(中文),不会产生乱码。...2,摘要可保留文章中格式标签,字体、颜色、链接、图片等(需保留标签可在后台设置)。 3,首页每篇文章显示300字,存档页面每篇文章显示150字(字数可设置)。...主要作用:可以给博客添加meta标签,可以给每篇文章添加meta标签和关键词,可以为文章生成独立摘要,而且可以防止首页和存档页产生独立重复页面。...2.可以快速在文章中添加存在标签。可以直接获取提供标签云服务商里面的标签,让你标签也云起来。 3.可以分别设置,是否在站点,页面,和文章后添加相关标签和。...主要作用:在文章中插入想展示代码,适合技术人员发布技术贴时使用,有多种皮肤、字体可选,并可自定义字号、边距、行距等细节,还有功能强大代码工具栏 —— 可快捷复制代码,后台编辑器TinyMCE中有专属按钮

2.8K21

WordPress 2.5 新特性

用户端新特性 更亲爽,快速,有条理后台面板。 后台面板 Widgets -- 后台面板主页现在是一系列 Widgets 组成,也可以自定义 Widgets。...EXIF 信息提取 -- WordPress 能够提取图片 EXIF 数据(比如包含照相机型号、光圈大小、快门速度、ISO等等)存到自定义域(custom fields)中。...并发编辑保护措施 -- WordPress 通过对日志锁定来实现并发编辑问题。 自动插件升级 -- WordPress 能够让你通过后台下载和升级在官方插件目录中插件。...更加友好日志编辑工具 -- 现在使用 3.0 TinyMCE 有根好兼容性,并且更重要是不会搞乱代码。个人比较喜欢这项功能。...$wpdb->prepare() -- WordPress所有 SQL 都是先准备。 媒体按钮 -- 媒体按钮都是可扩展。 短代码 API -- 详细查看短代码 API 文档。

42710

WordPress 标签固定链接可以使用 ID 吗?

自定义分类,也可以设置自定义分类在固定链接中使用 ID 。...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮...用户管理 最强 WordPress 一键用户管理插件。 支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。...配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。

1.3K20

WordPress 首页文章如何使用分类过滤?

博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮...用户管理 最强 WordPress 一键用户管理插件。 支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。...配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项。...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中外部链接加上安全提示中间页。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。

1.6K20

WPJAM Avatar:在 WordPress 后台自定义头像

今天做插件「自定义头像」,非常简单,只有两个功能,可以让用户在 WordPress 后台自定义头像和设置默认头像。...自定义头像 用户登录 WordPress 后台之后,在「我个人资料」页面可以自定义头像,管理员也可以在编辑其他用户信息时候自定义该用户头像: 另外为了支持「订阅者」角色用户能够自定义头像,系统会自动给...博客 支持一键将文章中图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索 WordPress 插件 编辑器优化 优化 WordPress 传统 TinyMCE 编辑器 添加下划线等按钮...配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章中插入 #话题标签#。

1.1K20

5个最佳WordPress广告插件

或者,您可以创建自己自定义广告(甚至可以使用TinyMCE编辑器创建广告)。自动插入——您可以获得灵活规则,在您网站不同部分自动插入广告。...主要特征:支持所有广告——您可以添加自己自定义广告或插入来自AdSense或Media.net等广告网络广告。广告调度-安排广告仅在特定时间运行。轮播广告——您可以在同一位置轮播多个广告。...通过添加到HTML编辑帖子子面板附加快速标签按钮,可以轻松地将上述标签插入帖子中。...只要您使用自托管WordPress,您就可以在您网站上放置您想要任何广告。如何在WordPress文章中投放广告?所有广告管理插件都允许您使用简码或块手动放置广告。...您所做就是将您广告添加到插件中,然后将该广告短代码或块包含在您要显示广告帖子中。如何在WordPress帖子之间放置广告?

8.3K20
领券