本文作者:心月

YII2高级版框架搭建完整博客系统教程——添加tag功能

心月IT博客 2019-03-14
YII2高级版框架搭建完整博客系统教程——添加tag功能摘要:tags功能组件与图片上传和富文本组件一样,把Tags压缩包下载解压后直接放到 common widgets 下什么都不用改,也不用配置,然后就可以直接使用了。

tags功能组件与图片上传和富文本组件一样,把Tags压缩包下载解压后直接放到 common/widgets 下什么都不用改,也不用配置,然后就可以直接使用了

YII2高级版框架搭建完整博客系统教程——添加tag功能tags.zip

tag组件放入项目后的目录结构

tags组件目录结构

将组件文件夹放入相应的目录就可以使用了

#在frontend/views/posts/create.php 使用,将之前的from表单的tags直接替换掉
<?= $form->field($model,'tags')->widget('common\widgets\tags\TagWidget');?>

tags组件使用效果

tag的css样式

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    cursor: text;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #2b542c;
    outline: 0 none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #5cb85c;
    color:#fff;
}

tags的css样式


文章版权及转载声明:

本文由 心月IT技术博客 博主整理于 2019-03-14
若转载请注明原文及出处:https://www.xinyueseo.com/yii/183.html

分享到:
赞(
发表评论
快捷输入:

验证码

    评论列表 (有 1 条评论,人围观)参与讨论
    网友昵称:心月IT博客网友
    心月IT博客网友游客2020-10-10回复
    博主 文件失效了