文章详情

大家好,随的程序不断发展,很多功能都开始快捷、便利化,但有时候如果本身自己手上很多站点需要相互复制又或者复制别人的内容,TAGS标签又很多的情况下,难免我们都要一个一个输入,这样就造成精力、时间的浪费,不是很方便,对于目前的TAGS的优化我不敢说好与坏,毕竟官方有他们的考量,希望这种跟我们有所折合,小秋临时修改下文件,不过由于还是初学者对于JS看的代码实在头疼,虽然换个JS代码就可以,但是要挖掘太多的代码,又费脑,就临时取巧修改下,这个方法不难,相信大家也会,如果有更好的,希望大家分享。同时以下教程只是临时,对于美化什么的也没多做修改。大家看的改吧。

(后续升级,可能会覆盖 不过做个笔记再修改也可以 或许官方也酌情这种的方法不一定了)


首选要修改的文件如下:

applicationadmintemplatearticle
applicationadmintemplatedownload
applicationadmintemplateimages
applicationadmintemplateproduct


首先打开add.htm


找到:

<dl class="row">

                <dt class="tit">

                    <label>TAG标签</label>

                </dt>

                <dd class="opt opt1591870121">

                    <input type="text" name="tags" id="tags" class="input-txt">

                    <script type="text/javascript">

                        $(function() { $('#tags').tagsInput({width: '450px', height: 'auto'}); });

                    </script>

                    <a href="javascript:void(0);" onclick="TagListSelect1591784354(this);" class="ncap-btn ncap-btn-green">快速选择</a>

                    <span class="err"></span>

                    <p class="notic">输入标签结束后可用回车或空格分开</p>

                    <input type="hidden" id="TagOldSelectID">

                    <input type="hidden" id="NewTagOldSelectID">

                    <input type="hidden" id="TagOldSelectTag">

                    <input type="hidden" name="tags_new" id="NewTagOldSelectTag">

                </dd>

            </dl>

改为:


<dl class="row">

                <dd class="opt opt1591870121">

                    <input type="text" name="tags" id="tags" class="input-txt">

                    <script type="text/javascript">

                        $(function() { $('#tags').tagsInput({width: '450px', height: 'auto'}); });

                    </script>

                    <span class="err"></span>

                    <input type="hidden" id="TagOldSelectID">

                    <input type="hidden" id="NewTagOldSelectID">

                    <input type="hidden" id="TagOldSelectTag">

                    <input type="hidden" name="tags_new" id="NewTagOldSelectTag">

                </dd>

            </dl>

    <dl class="row">

                <dt class="tit">

                    <label>TAG标签</label>

                </dt>

                <dd class="opt">          

                    <input type="text" value="" name="tags" id="tags" class="input-txt">

                    &nbsp;  <a href="javascript:void(0);" onclick="TagListSelect1591784354(this);" class="ncap-btn ncap-btn-green">快速选择</a>

                    <span class="err"></span>

                    <p class="notic">多个标签用英文逗号(,)分开,单个标签小于12字节</p>

                </dd>

            </dl>

打开edit.htm文件:


找到:


            <dl class="row">

                <dt class="tit">

                    <label>TAG标签</label>

                </dt>

                <dd class="opt opt1591870121">

                    <input type="text" name="tags" id="tags" class="input-txt">

                    <script type="text/javascript">

                        $(function() { $('#tags').tagsInput({width: '450px', height: 'auto'}); });

                    </script>

                    <a href="javascript:void(0);" onclick="TagListSelect1591784354(this);" class="ncap-btn ncap-btn-green">快速选择</a>

                    <span class="err"></span>

                    <p class="notic">输入标签结束后可用回车或空格分开</p>

              <input type="hidden" id="TagOldSelectID">

                    <input type="hidden" id="NewTagOldSelectID">

                    <input type="hidden" id="TagOldSelectTag">

                    <input type="hidden" name="tags_new" id="NewTagOldSelectTag">

                </dd>

            </dl>

改为:


 <dl class="row">

                <dd class="opt opt1591870121">

                    <input type="text" value="" name="tags" id="tags" class="input-txt">

                    <script type="text/javascript">

                        $(function() { $('#tags').tagsInput({width: '450px', height: 'auto'}); });

                    </script>

                    <span class="err"></span>

                    <input type="hidden" id="TagOldSelectID" value="{$field.tag_id}">

                    <input type="hidden" id="NewTagOldSelectID" value="{$field.tag_id}">

                    <input type="hidden" id="TagOldSelectTag" value="{$field.tags}">

                    <input type="hidden" name="tags_new" id="NewTagOldSelectTag" value="{$field.tags}">

                </dd>

            </dl>

    <dl class="row">

                <dt class="tit">

                    <label>TAG标签</label>

                </dt>

                <dd class="opt">          

                    <input type="text" value="{$field.tags}" name="tags" id="tags" class="input-txt">

                    &nbsp;  <a href="javascript:void(0);" onclick="TagListSelect1591784354(this);" class="ncap-btn ncap-btn-green">快速选择</a>

                    <span class="err"></span>

                    <p class="notic">多个标签用英文逗号(,)分开,单个标签小于12字节</p>

                </dd>

            </dl>


再打开 applicationadmintemplatetags目录下面的

tag_list.htm文件 (大概在230行)


找到:

/*组装数据加载*/

                        var html = '<span class="tag_new">'+tagOldSelectTag_2[i]+' &nbsp;&nbsp;<a href="javascript:void(0);" data-id="'+tagOldSelectID_2[i]+'" data-tag="'+tagOldSelectTag_2[i]+'" onclick="UseTagIDDel1591784354(this);">x</a></span>';

                        parent.$('#tags_tag').before(html);

                        /*END*/

修改为:


/*组装数据加载*/

                        var html = '<span class="tag_news">'+tagOldSelectTag_2[i]+' &nbsp;&nbsp;<a href="javascript:void(0);" data-id="'+tagOldSelectID_2[i]+'" data-tag="'+tagOldSelectTag_2[i]+'" onclick="UseTagIDDel1591784354(this);">x</a></span>';

                        parent.$('#tags_tag').before(html);

                        /*END*/


再次打开:publicpluginstags_inputcss

jquery.tagsinput.css  文件


在最下面添加以下样式:


div.tagsinputs { border:0px solid #eee; background: #FFF; padding:5px; padding-bottom: 0px;     width: 600px;

    margin: 0px 22px -10px;

    margin-top: -22px; overflow:hidden;display: inline-block;}

div.tagsinputs span.tag { border: 1px solid #b5e2f3; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding:0 5px; text-decoration:none; background: #f9feff; color: #12ace2; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}

div.tagsinputs span.tag a { font-weight: bold; color:#4fc0e8; text-decoration:none; font-size: 11px;  } 

div.tagsinputs input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:0 5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }

div.tagsinputs div { display:block; float: left; } 

.tags_clears { clear: both; width: 100%; height: 0px; }

.not_valids {background: #FBD8DB !important; color: #90111A !important;line-height:24px;}


div.tagsinputs span.tag_news { border: 1px solid #b5e2f3; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding:0 5px; text-decoration:none; background: #f9feff; color: #12ace2; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}

div.tagsinputs span.tag_news a { font-weight: bold; color: #4fc0e8; text-decoration:none; font-size: 11px;  } 


再打开:

publicpluginstags_inputjs

jquery.tagsinput.js 文件(大概在213起到219)


找到以下代码:


var markup = '<div id="'+id+'_tagsinput" class="tagsinput"><div id="'+id+'_addTag">';


    if (settings.interactive) {

    markup = markup + '<input id="'+id+'_tag" value="" data-default="'+settings.defaultText+'" />';

    }


    markup = markup + '</div><div class="tags_clear"></div></div>';


替换成以下代码:


var markup = '<div class="tagsinputs"><div id="'+id+'_addTag">';


    if (settings.interactive) {

    markup = markup + '<span id="'+id+'_tag" value="" data-default="'+settings.defaultText+'" />';

    }


    markup = markup + '</span></div></div><div class="tags_clear"></div></div>';


完成!


效果就是    可以直接以以下格式中间用","隔开的格式添加TAGS标签(复制也可以只要格式一样).


标签,标签,标签,标签,标签,标签,标签,标签,标签,标签,标签,标签  


也能添加以往的标签效果


演示如下:

1-200910093IG53.gif


在官方未作出调整时,有空再调整下 CSS或者JS方面的修改


加入收藏

微信扫一扫

转载请注明出处:https://www.lidslog.com/xueyuan/217.html
版权:所有文章均来自网络,版权归原作者所有,仅提供学习、科研! 如本文可能涉嫌侵犯其合法权益,请及时联系客服第一时间处理。

相关推荐
视频模型页面仿制问题-如何调用那个播放权限提示的遮罩层
视频模型-播放权限遮罩层想要显示的话,是需要调用官方视频模型里的HTML代码和CSS样式。下面是代码文件和css文件,代码文件请复制后粘贴到对应的位置。由于下面的样式只是适用于易优官网的视频页面,如不兼容自己的页面样式,请自行修改<div class="jw-video-expense" id...
980
[教程分享]微信分享网址如何自定义标题,说明和图片
[教程分享]微信分享网址如何自定义标题,说明和图片建站过程中,很多人喜欢通过微信分享自己的网址给朋友或者发送到朋友圈,尤其是一些H5的活动网页,但发现分享出去始终不是那么尽如人意,比如:首先不好看,而且客户也希望自定义标题、说明文字和图片希望是这样:那如何才能实现呢,今天我给大家分享下如何实现当然网上也有很多的教程,但...
622
会员投稿的百度编辑器二开增加工具栏按钮
此教程仅对第二套会员中心有效,其他版本再反馈教程如下:前提:先打开百度编辑器的官网 http://fex.baidu.com/ueditor/#start-toolbar1、找到第二套会员中心的投稿字段文件,并在编辑器里打开。/public/static/template/users_v2/users_release_...
1031
百度自动主动推送造成失败的原因讲述,您有吗?(教程篇)
大家好,这个示例不仅仅是在易优系统,很多网站都是,只不过很多大家都忽视没有看 推送是否成功。今天帮朋友处理不推送的例子,无意间发现易优eyoucms在设置推送这块有个小问题。当然这个不算BUG,但对于很多站点的话 就是比较麻烦的头疼的,但你发表帖子的时候 你按F12看看推送结果的时候 一般会提示:百度推送URL失败 ...
889
易优cms 多语言版本的分页变量修改
在使用多语言版本时,遇到了分页没有多语言时怎么处理?这个需要改动分页PHP文件,文件目录 根目录corelibrary hinkpaginatordriver。Eyou.php是PC端,Mobile.php是手机端然后打开Eyou.php修改PC端分页打开后找到下面代码,替换红色部分1,大改在97行 /** *...
619
QQ在线咨询
插件定制
3173774949
仿站定制
3173774949
购买授权
3173774949