其实很多教程都是写如何自动实现首行缩进的,这种方法都不可控性太大,今天这种方法是在编辑器添加一个按钮用来实现首行缩进。仅支持经典编辑器,就是这样式的编辑器
首先在编辑器上添加一个按钮,名字就叫首行缩进
// 添加自定义按钮到经典编辑器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,搞定
声明:本站所有软件资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
