您现在的位置是:首页 > cms教程 > 易优cms教程易优cms教程
易优cms的TAGS标签如何多个用符号隔开输入的临时修改方法
陈仓翼2023-08-25易优cms教程已有人查阅
导读随的程序不断发展,很多功能都开始快捷、便利化,但有时候如果本身自己手上很多站点需要相互复制又或者复制别人的内容

(后续升级,可能会覆盖 不过做个笔记再修改也可以 或许官方也酌情这种的方法不一定了)
优选要修改的文件如下:
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”>
<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”>
<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]+’ <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]+’ <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_inputcssjquery.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: 百%; 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标签(复制也可以只要格式一样).
标签,标签,标签,标签,标签,标签,标签,标签,标签,标签,标签,标签
也能添加以往的标签效果
本文标签:
很赞哦! ()
相关教程
图文教程
易优cms模板制作入门教程
易优cms静态页面编写需要导航条、新闻列表等页面内容信息,在制作模板的时候就用标签来代替,模板标签就是后台设置的数据,所以模板标签你必须得熟悉
易优eyoucms登陆后台提示验证码错误的几种解决方法
确保 /data/session 目录的权限为 777。确保 /data/session 目录的所有者为 web 服务器用户(例如-data)。如果可以修改 php.ini 文件,将 session.auto_start 设置为 1。
易优CMS致命错误请联系技术支持Class 'ZipArchive' not found
当你在云插件商城中直接安装插件时,如果遇到“致命错误,请联系技术支持:Class 'ZipArchive' not found”的提示,这通常意味着 PHP 环境中缺少 Zip 扩展
易优cms标签Empty判断变量是否为空的用法和参数介绍
【基础用法】名称:empty功能:判断某个变量是否为空,可以嵌套到任何标签里面使用,比如:channel、type等描述:文档SEO标题为空时,显示文档常规标题;否则显示SEO标题。
相关源码
-
(自适应)调节阀门气动球阀控制阀网站模板源码下载为调节阀门、气动球阀等工业设备企业打造的响应式网站模板,基于PbootCMS系统开发。突出产品参数展示与技术文档管理功能,通过专业化的布局设计有效呈现工业设备特性,适配各类终端访问需求。查看源码 -
(自适应)电子元件电路板元器件pbootcms网站源码下载为电子元器件、电路板制造类企业设计,特别适合展示产品参数、技术规格等内容。采用响应式技术,确保各类电子元件在不同设备上都能清晰展示。查看源码 -
(自适应响应式)HTML5磁电机械设备蓝色营销型网站pbootcms模板本模板为磁电设备行业设计,采用蓝色营销风格,突出工业设备的专业性和技术感。模板结构清晰,能够有效展示磁电设备的技术参数、应用场景和企业实力,帮助客户快速了解产品特点和公司服务。查看源码 -
(自适应)大气网络公司工作室个人作品展示网站模板免费下载基于PbootCMS内核开发的响应式网站模板,为网络技术服务类企业打造,具备高度可定制性。通过简洁现代的设计语言展现企业专业形象,后台数据实时同步机制确保多终端内容一致性,查看源码 -
(自适应)html5中英双语通用机械设备pbootcms模板下载本模板基于PbootCMS内核精心开发,为机械设备制造企业量身打造。设计风格大气稳重,充分展现机械行业的专业特质与技术实力。采用HTML5技术构建,支持中英文双语切换,满足国际化业务需求。整站布局合理,充分展示企业产品、案例与服务,帮助访客快速了解企业核心优势。查看源码 -
帝国cms7.5个人博客资讯文章模板下载本模板简洁个人博客网站设计开发,采用帝国CMS内核构建,只需替换文字图片即可快速搭建专业网站。自适应手机端设计,数据实时同步,操作简单便捷。PHP程序确保安全稳定运行,帮助您以较低成本获取持续业务。查看源码
| 分享笔记 (共有 篇笔记) |
