个性化编辑文章标签选择器(typecho)插件 or 无插件代码实现

插件名为tagshelper

作用:如下图在文章编辑页面右下方标签位置的下方,会显示出你的博客所有的标签(常用标签会显示在前面),点击任意标签即可为当前文章添加选中的标签。

QQ图片20200324100908.png

下载地址

网盘下载: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.dpaoz.com/160
1 条评论
1.9k

发表评论

仅有一条评论

  1. 【站长】Vv     Win 7 /    Chrome 说道:
    2020-03-24 11:17

    测试走一波表情::(哦豁)

嘿,我来帮您!