TAGS标签如何多个用符号隔开输入的临时修改方法

易优教程 0 来源:老K模板网 收藏

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

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


首选要修改的文件如下:

applicationadmintemplatearticle
applicationadmintemplatedownload
applicationadmintemplateimages
applicationadmintemplateproduct


首先打开add.htm


找到:

               

                   

               

               

                   

                   

                    快速选择

                   

                   

输入标签结束后可用回车或空格分开

                   

                   

                   

                   

               

           

改为:


               

                   

                   

                   

                   

                   

                   

                   

               

           

   

               

                   

               

               

          

                   

                       快速选择

                   

                   

多个标签用英文逗号(,)分开,单个标签小于12字节

               

           

打开edit.htm文件:


找到:


           

               

                   

               

               

                   

                   

                    快速选择

                   

                   

输入标签结束后可用回车或空格分开

             

                   

                   

                   

               

           

改为:


 

               

                   

                   

                   

                   

                   

                   

                   

               

           

   

               

                   

               

               

          

                   

                       快速选择

                   

                   

多个标签用英文逗号(,)分开,单个标签小于12字节

               

           


再打开 applicationadmintemplatetags目录下面的

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


找到:

/*组装数据加载*/

                        var html = ''+tagOldSelectTag_2[i]+'   x';

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

                        /*END*/

修改为:


/*组装数据加载*/

                        var html = ''+tagOldSelectTag_2[i]+'   x';

                        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 = '

';


    if (settings.interactive) {

    markup = markup + '';

    }


    markup = markup + '

';


替换成以下代码:


var markup = '

';


    if (settings.interactive) {

    markup = markup + '';

    }


    markup = markup + '

';


完成!


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


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


也能添加以往的标签效果


演示如下:

1-200910093IG53.gif


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


免责声明:1.凡本站注明“来源:XXX(非老K模板网)”的作品,均转载自其它媒体,所载的文章、图片、音频视频文件等资料的版权归版权所有人所有,如有侵权,请联系laokcms#126.com处理;2.凡本站转载内容仅代表作者本人观点,与老K模板网无关。
0 条评论

网友留言