对wordpress-post-tabs进行小修改,直接插入自己的TAB代码

时间: 2015-08-22 / 分类: wordpress / 浏览次数: 2,872 views / 0个评论 发表评论

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了

如果输入东西,就是原来的代码,两不误

发表评论

您的昵称 *

您的邮箱 *

您的网站