当前位置：织梦模板网 > 易优教程 > TAGS标签如何多个用符号隔开输入的临时修改方法
namename 易优教程

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

资源来源网络，如需授权，请更换源码，模块仅供学习，如需商用请购买正版授权，本栏目不提供技术服务！
如遇蓝奏网盘打不开lanzous替换成lanzoux尝试！

随的程序不断发展，很多功能都开始快捷、便利化，但有时候如果本身自己手上很多站点需要相互复制又或者复制别人的内容，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标签（复制也可以只要格式一样）.

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

也能添加以往的标签效果

©下载资源版权归作者所有；本站所有资源均来源于网络，仅供学习使用，请支持正版！
织梦模板网 » TAGS标签如何多个用符号隔开输入的临时修改方法
☉免责声明：本站所有模板均来自用户分享和网络收集，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服，我们核实后会立即删除。
☉如果源码网盘地址失效！或有其他问题，请点我报错,谢谢合作！
☉人民币与积分汇率为1比10,即1元=10积分.有任何疑问请联系客服！
☉如有其他问题，请加网站客服QQ(330921598)进行交流。
☉本站提供的源码、模板、软件工具等其他资源，都不包含技术服务，请大家谅解！
☉源码、模板等资源会随着技术、环境的升级而存在部分问题，还请慎重选择。
分享到：
百度已收录

发表评论

加入织梦模板网永久VIP 海量资源免费下载

立即查看 了解详情