个性化编辑文章标签选择器(typecho)插件 or 无插件代码实现
插件名为tagshelper
作用:如下图在文章编辑页面右下方标签位置的下方,会显示出你的博客所有的标签(常用标签会显示在前面),点击任意标签即可为当前文章添加选中的标签。
下载地址
网盘下载:https://u8315427.ctfile.com/fs/8315427-357531591
论坛下载:http://forum.typecho.org/download/file.php?id=1753
wiki下载:https://www.typecho.wiki/usr/uploads/2019/03/1463132641.zip
无插件实现:
class tagshelper {
public static function tagslist()
{
?>
<script> $(document).ready(function(){
$('#tags').after('<div style="margin-top: 35px;" class="tagshelper"><ul style="list-style: none;border: 1px solid #D9D9D6;padding: 6px 12px; max-height: 240px;overflow: auto;background-color: #FFF;border-radius: 2px;"><?php
$stack = Typecho_Widget::widget('Widget_Metas_Tag_Cloud')->stack;
$i = 0;
while (isset($stack[$i])) {
echo "<a id=\"$i\" onclick=\"$(\'#tags\').tokenInput(\'add\', {id: \'".$stack[$i]['name']."\', tags: \'".$stack[$i]['name']."\'});\">",$stack[$i]['name'], "</a>";
$i++;
if (isset($stack[$i])) echo " ";
}
?></ul></div>');
});</script>
<?php
}
}
最后稍微的美化css样式即可
文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/160
1 条评论
3.2k
发表评论
仅有一条评论
热门文章
自媒体博客Spimes主题34w 阅读
Spimes主题专为博客、自媒体、资讯类的网站设计....
vCard主题个人简历主题13w 阅读
一款个人简历主题,可以简单搭建一下,具体也比较简单....
Splity博客双栏主题11w 阅读
仿制主题,Typecho博客主题,昼夜双版设计,可....
Spzac个人资讯下载类主题11w 阅读
用于作品展示、资源下载,行业垂直性网站、个人博客,....
热评文章
自媒体博客Spimes主题418 评论
Splity博客双栏主题187 评论
Spzac个人资讯下载类主题89 评论
Splinx博客图片主题35 评论
Spzhi知识付费社区主题34 评论
三栏清新博客S_blog主题30 评论
vCard主题个人简历主题29 评论
Pure轻简主题28 评论
测试走一波表情::(哦豁)