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

插件名为tagshelper

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

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

下载地址:

蓝奏:https://wwjx.lanzout.com/i8zAD1fefcib

百度网盘:https://pan.baidu.com/s/1DV9UEgOa5JlW2fQinyw84Q?pwd=yc9m

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样式即可

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索