Typecho后台撰写文章时插入标签（非插件）-星泽V社-技术经验分享-星泽V社

前言

每次写文章的时候，都忘记填写标签，因为typecho的标签默认不在后台展示，配置了哪些标签也很容易忘记

然后就想着能不能在文章编辑时显示标签，方便写文章时能记得添上标签，所以就去找了几个教程

刚开始找到一个教程，可以在编辑时显示标签，需要用时直接复制粘贴到标签栏，但是也很麻烦

直到前几天逛博客时发现了一个插件，可以实现后台点击填入标签，打开插件发现功能实现方法很简单

所以就把插件的实现方法移植到了后台程序里，在此记录一下

效果展示

教程开始

其实很简单，直接把以下代码复制到 ./admin/write-post.php 指定位置就行了

{tabs-pane label=”代码”}

          <section class="typecho-post-option">
                <label for="token-input-tags" class="typecho-label"><?php _e('标签'); ?></label>
                <p>
                <input id="tags" name="tags" type="text" value="<?php $post->tags(',', false); ?>" class="w-100 text" />
                <style>.tagshelper a{cursor: pointer; padding: 0px 6px; margin: 2px 0;display: inline-block;border-radius: 2px;text-decoration: none;}.tagshelper a:hover{background: #ccc;color: #fff;}
                </style>
                <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>
                </p>
            </section>

{/tabs-pane}
{tabs-pane label=”代码位置”}

{/tabs-pane}

代码

代码位置

          <section class="typecho-post-option">
                <label for="token-input-tags" class="typecho-label"><?php _e('标签'); ?></label>
                <p>
                <input id="tags" name="tags" type="text" value="<?php $post->tags(',', false); ?>" class="w-100 text" />
                <style>.tagshelper a{cursor: pointer; padding: 0px 6px; margin: 2px 0;display: inline-block;border-radius: 2px;text-decoration: none;}.tagshelper a:hover{background: #ccc;color: #fff;}
                </style>
                <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>
                </p>
            </section>

教程结束

就这么简单，快去试试吧！

版权声明 1 文章来源： 星泽V社
2 本文地址：
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。
6 本站附件资源、教程等内容如因时效原因失效或不可用，请评论区留言或联系站长及时更新。

THE END

值得一看干货教程
# typecho # typecho插件

评论共5条

请登录后发表评论

登录注册

只看作者

- 星泽作者0
  我测试1.1是正常的
  2022/6/27 13:05回复
- 伊斯蓝0
  试了这段代码，出来的标签选择是下拉列表的形式，和上面的动图显示的不一样，没有动图上的方便，环境是typecho v1.2
  2022/6/27 11:02回复
- 一只小物块0
  你好，我试了一下，好像没有用。并没有添加到标签页后面，难道是jq没有引入吗
  2022/3/15 18:20回复
- - 星泽作者0
    检查代码位置，清一下缓存，自用是没问题的。
    2022/3/15 18:30@一只小物块回复
- 一只小物块0
  谢谢！赶紧去试试，你真是个小可爱
  2022/3/15 17:44回复