大家好，隨的程序不斷發(fā)展，很多功能都開始快捷、便利化，但有時候如果本身自己手上很多站點需要相互復(fù)制又或者復(fù)制別人的內(nèi)容，TAGS標簽又很多的情況下，難免我們都要一個一個輸入，這樣就造成精力、時間的浪費，不是很方便，對于目前的TAGS的優(yōu)化我不敢說好與壞，畢竟官方有他們的考量，希望這種跟我們有所折合，小秋臨時修改下文件，不過由于還是初學(xué)者對于JS看的代碼實在頭疼，雖然換個JS代碼就可以，但是要挖掘太多的代碼，又費腦，就臨時取巧修改下，這個方法不難，相信大家也會，如果有更好的，希望大家分享。同時以下教程只是臨時，對于美化什么的也沒多做修改。大家看的改吧。
（后續(xù)升級，可能會覆蓋 不過做個筆記再修改也可以 或許官方也酌情這種的方法不一定了）
首選要修改的文件如下：
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">輸入標簽結(jié)束后可用回車或空格分開</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">
<a href="javascript:void(0);" onclick="TagListSelect1591784354(this);" class="ncap-btn ncap-btn-green">快速選擇</a>
<span class="err"></span>
<p class="notic">多個標簽用英文逗號（,）分開，單個標簽小于12字節(jié)</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">輸入標簽結(jié)束后可用回車或空格分開</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">
<a href="javascript:void(0);" onclick="TagListSelect1591784354(this);" class="ncap-btn ncap-btn-green">快速選擇</a>
<span class="err"></span>
<p class="notic">多個標簽用英文逗號（,）分開，單個標簽小于12字節(jié)</p>
</dd>
</dl>
再打開 applicationadmintemplatetags目錄下面的
tag_list.htm文件 （大概在230行）
找到：
/*組裝數(shù)據(jù)加載*/
var html = '<span class="tag_new">'+tagOldSelectTag_2[i]+' <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*/
修改為：
/*組裝數(shù)據(jù)加載*/
var html = '<span class="tag_news">'+tagOldSelectTag_2[i]+' <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標簽（復(fù)制也可以只要格式一樣）.
標簽,標簽,標簽,標簽,標簽,標簽,標簽,標簽,標簽,標簽,標簽,標簽
也能添加以往的標簽效果
演示如下：
在官方未作出調(diào)整時，有空再調(diào)整下 CSS或者JS方面的修改
