Typecho后台撰写文章时插入标签(非插件)-星泽V社

星泽
2021-12-10 / 6 评论 / 298 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年03月08日,已超过113天没有更新,若内容或图片失效,请留言反馈。

前言

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

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

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

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

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

效果展示

Honeycam 2022-02-09 16-52-51.gif

教程开始

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

代码
代码位置
          <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>

教程结束

就这么简单,快去试试吧!

本文来源于星泽V社,未经允许禁止转载,原文链接: https://www.52xzv.cn/archives/102.html

本文共 272 个字数,平均阅读时长 ≈ 1分钟

评论 (6)

取消
  1. 头像
    一只小物块 Lv.1
    iPhone · QQ Browser
    沙发

    谢谢!赶紧去试试,你真是个小可爱

    回复 删除 垃圾
  2. 头像
    一只小物块 Lv.1
    Windows 10 · Google Chrome
    板凳

    你好,我试了一下,好像没有用。并没有添加到标签页后面,难道是jq没有引入吗

    回复 删除 垃圾
    1. 头像
      星泽 Lv.4 作者
      Android · Google Chrome
      @ 一只小物块

      检查代码位置,清一下缓存,自用是没问题的。

      回复 删除 垃圾
  3. 头像
    伊斯蓝 Lv.1
    Windows 10 · FireFox
    地毯

    试了这段代码,出来的标签选择是下拉列表的形式,和上面的动图显示的不一样,没有动图上的方便,环境是typecho v1.2

    回复 删除 垃圾
  4. 头像
    星泽 Lv.4 作者
    Windows 10 · Google Chrome
    第4楼

    画图

    回复 删除 垃圾
  5. 头像
    星泽 Lv.4 作者
    Windows 10 · Google Chrome
    第5楼

    我测试1.1是正常的

    回复 删除 垃圾