个性化编辑文章标签选择器(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

无插件实现:

  1. class tagshelper {
  2. public static function tagslist()
  3. {
  4. ?>
  5. <script> $(document).ready(function(){
  6. $('#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
  7. $stack = Typecho_Widget::widget('Widget_Metas_Tag_Cloud')->stack;
  8. $i = 0;
  9. while (isset($stack[$i])) {
  10. echo "<a id=\"$i\" onclick=\"$(\'#tags\').tokenInput(\'add\', {id: \'".$stack[$i]['name']."\', tags: \'".$stack[$i]['name']."\'});\">",$stack[$i]['name'], "</a>";
  11. $i++;
  12. if (isset($stack[$i])) echo " ";
  13. }
  14. ?></ul></div>');
  15. });</script>
  16. <?php
  17. }
  18. }

最后稍微的美化css样式即可

文章由官网发布,如若转载,请注明出处:https://www.veimoz.com/160
1 条评论
3.5k

发表评论

仅有一条评论

  1. 【管理员】Vv     Win 7 /    Chrome
    2020-03-24 11:17

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

!