WordPress的经典编辑器添加一个按钮用来实现首行缩进

WordPress的经典编辑器添加一个按钮用来实现首行缩进

其实很多教程都是写如何自动实现首行缩进的,这种方法都不可控性太大,今天这种方法是在编辑器添加一个按钮用来实现首行缩进。仅支持经典编辑器,就是这样式的编辑器WordPress的经典编辑器添加一个按钮用来实现首行缩进插图走客Mac

首先在编辑器上添加一个按钮,名字就叫首行缩进

// 添加自定义按钮到经典编辑器function add_indent_first_line_button($buttons) { array_push($buttons, 'indent_first_line'); return $buttons;}add_filter('mce_buttons', 'add_indent_first_line_button');// 注册并添加自定义 TinyMCE 插件function register_indent_first_line_plugin($plugin_array) { $plugin_array['indent_first_line'] = get_template_directory_uri() . '/js/indent-first-line.js'; return $plugin_array;}add_filter('mce_external_plugins', 'register_indent_first_line_plugin');

创建 JavaScript 插件文件

在你的主题目录下(如 wp-content/themes/你的主题名/js/)创建 indent-first-line.js 文件,并添加以下内容

(function() { tinymce.PluginManager.add('indent_first_line', function(editor) { editor.addButton('indent_first_line', { text: '首行缩进', icon: false, onclick: function() { var selectedNode = editor.selection.getNode(); editor.dom.setStyle(selectedNode, 'text-indent', '2em'); } }); });})();

over,搞定

声明:本站所有软件资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
Mac软件

Feeder 4.4.5 Mac激活版

2023-3-17 8:30:10

Mac软件

Navicat Premium 15.0.22 Mac中文激活版

2020-10-18 10:00:07

0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索