对wordpress-post-tabs进行小修改,直接插入自己的TAB代码
wordpress-post-tabs是个比较好用的TAB插件,可以在文章中插入TAB,在产品介绍页面很适合
比如,我们要在产品页面显示 产品介绍 产品参数 驱动程序 的时候,为了好看就可以使用这个插件
但是我发现一个小问题,这个插件默认只是插入这样的代码
[wptab name=’TAB名’]Content for the tab TAB名[/wptab]
[end_wptabset]
每一次我们都需要把 产品介绍 产品参数 驱动程序 输入一遍,太麻烦了
懒人有懒招
我们可以打开插件目录,wordpress-post-tabs\tinymce
找到tinymce.js,然后开始修改吧
大概20行左右是
else
tinyMCEPopup.close();
就是说弹出窗口中菜单如果不输入东西,然后我们提交的时候就直接关闭窗口
我们可以利用这个来修改
else{
tagtext = tagtext + "<br />"+"[" + wptsadminL10n.tab + " name=’产品介绍’]" + "产品介绍内容 [/" + wptsadminL10n.tab + "]" + "<br />";
tagtext = tagtext + "[" + wptsadminL10n.tab + " name=’产品参数’]" + "产品参数内容 [/" + wptsadminL10n.tab + "]" + "<br />";
tagtext = tagtext + "[" + wptsadminL10n.tab + " name=’驱动程序’]" + "驱动程序内容 [/" + wptsadminL10n.tab + "]" + "<br />";
tagtext = tagtext + "[" + wptsadminL10n.end + "]"+ "<br />";
/*tinyMCEPopup.close();*/
}
屏蔽掉关闭窗口/*tinyMCEPopup.close();*/
然后插入我们的代码
tagtext = tagtext + "<br />"+"[" + wptsadminL10n.tab + " name=’产品介绍’]" + "产品介绍内容 [/" + wptsadminL10n.tab + "]" + "<br />";
tagtext = tagtext + "[" + wptsadminL10n.tab + " name=’产品参数’]" + "产品参数内容 [/" + wptsadminL10n.tab + "]" + "<br />";
tagtext = tagtext + "[" + wptsadminL10n.tab + " name=’驱动程序’]" + "驱动程序内容 [/" + wptsadminL10n.tab + "]" + "<br />";
tagtext = tagtext + "[" + wptsadminL10n.end + "]"+ "<br />";
最后最重要的一点是需要把整个JS文件保存为utf8模式,否则插进去的就是乱码
然后我们可以测试了,刷新文章页面,点插入TAB按钮,不要输入任何东西,直接点insert,就OK了
如果输入东西,就是原来的代码,两不误