爱好者 > Typecho > Typecho杂文 > 模板层面向typecho编辑器页面插入css js

模板层面向typecho编辑器页面插入css js

作者:佚名 来源:爱好者 时间:2017-12-18

大家都知道在functions.php中加入类似下面的代码,会强行为每个文章(即文章编辑页面)设置一个自定义字段


function themeFields($layout) {
    $thumb = new Typecho_Widget_Helper_Form_Element_Text('thumb', NULL, NULL, _t('自定义缩略图'), _t('描述文字'));
    $layout->addItem($thumb);
}
然而经过我大脑灵光一现,想到了个有趣的点子,上面代码中描述文字是支持html格式的,这个其实都是众所周知的事情。
那么事情就变得有趣了,我们是否可以通过这个描述文字插入css或者js呢,答案是肯定的。于是代码改成

function themeFields($layout) {
    $thumb = new Typecho_Widget_Helper_Form_Element_Text('thumb', NULL, NULL, _t('自定义缩略图'), _t('输入缩略图地址(仅文章有效)<style>.wmd-button-row {height:auto;}.copyright p:after {content: "YoDu魔法优化中";margin-left: 6px;font-size: 12px;}</style>'));
    $layout->addItem($thumb);
}
测试了下完全ojbk,其中.wmd-button-row {height:auto;}是优化编辑器手机端显示不全的问题,另外一行代码.copyright p:after {content: "YoDu魔法优化中";margin-left: 6px;font-size: 12px;}纯粹为了装逼,效果如下

YoDu魔法png
js代码没有测试,应该也是ok的,谁有好用的点子,欢迎分享哈!!!

虽然方法傻瓜了点,但是我觉得这种奇葩方式挺有趣的233