wordpress - 如何在wordpress中编辑代码按钮

Question

我已经在我的 Wordpress 主题中安装了 prettyprint。现在为了使用它，我需要将我的代码包装在：

<pre class="prettyprint">
<code> 
     code here
</code>
</pre>

现在 Wordpress html 编辑器上的代码按钮只提供<code></code>标签。现在有没有办法编辑它以便我可以添加额外的span？

Answer 1

在你的functions.php中添加这个：

function my_quicktags() {
  wp_enqueue_script( 'my_quicktags' , get_template_directory_uri() . '/js/quicktags.js' , array('quicktags') );
}

add_action('admin_enqueue_scripts' , 'my_quicktags');

创建一个名为 的文件quicktags.js，将其放入js主题目录中的文件夹中。

复制/includes/js/quicktags.js文件的所有内容。您可以编辑/删除/添加任何内容，特别是最后一个字符串，它们对应于编辑器标签。

现在您可以添加您的跨度：

edButtons[15] = new qt.TagButton('span-1','My Span','<span class="myClass">','</span>','X');

这意味着：

edButtons[position] = new qt.TagButton('ID','Display Name (value)','opening tag','ending tag','shortcut key');