Typecho在后台标签选项下面添加标签列表 - 橙子海

撰写新文章时选择标签不太方便与便捷，通过修改代码实现后台标签选项下面添加标签列表

此代码呈现了一个清晰直观的标签列表，可以轻松查看和管理所有已创建的标签。每个标签都显示其名称和对应的文章数量，让您一目了然地了解标签的使用情况。通过标签列表，您可以快速定位到需要编辑或删除的标签，也可以方便地添加新的标签来丰富您的文章内容。此外，Typecho 还支持标签的搜索和排序功能，让您能够更高效地管理和使用标签。

效果图：

正文开始

打开文件：typeecho根目录下的 /admin/write-post.php
第 5 行此代码
\Widget\Contents\Post\Edit::alloc()->to($post);
后面后面添加一行代码：
\Widget\Metas\Tag\Admin::alloc()->to($tags);
修改完后前几行的效果：

<?php
include 'common.php';
include 'header.php';
include 'menu.php';
\Widget\Contents\Post\Edit::alloc()->to($post);
\Widget\Metas\Tag\Admin::alloc()->to($tags);
?>

然后
在115行左右找到下图中115-119行 section标签包裹起来的代码搜索关键词： section

                        <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"/></p>
                        </section>

整段替换为下面的代码：

<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"/>
        <?php if( $tags->have() ): ?>
        <style>.tagshelper a {
                border: 1px solid #a69d9d;
                cursor: pointer;
                padding: 1px 3px;
                margin: 3px;
                display: inline-block;
                border-radius: 10px;
                text-decoration: none;
                font-size: 13px;
            }
            .tagshelper a:hover {
                background: #ccc;
                color: #fff;
            }
        </style>
    <p style="box-shadow: 0 0 5px 2px #ccc; border-radius: 15px;padding: 10px;border: 1px solid #a69d9d;"
       class="tagshelper">
        <?php $i = 0; ?>
        <?php while ($tags->next()): ?>
                <a id="<?php echo $i; ?>" onclick="$('#tags').tokenInput('add', {id:
                        '<?php echo $i; ?>',
                        'tags': '<?php $tags->name() ?>'});" target="_blank" rel="noopenernoreferrer">
                    <?php $tags->name() ?></a>
                <?php $i++;
            endwhile;
        ?>
    </p>
    <?php endif;?>
</section>

保存后重新刷新后台页面查看是否生效。