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');

如何在wordpress中编辑代码按钮

1 个答案: