您现在的位置是:首页 > 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网站迁移提示数据库版本不一致的原因及解决方法
当你在迁移EyouCMS网站时遇到“数据库版本不一致”的提示,通常是因为目标数据库的版本与EyouCMS所需的版本不一致。为了解决这个问题,可以采取以下几个步骤:
易优cms网站asklist标签用法和参数介绍
功能:在首页、列表、内容页调用内置问答模型的提问列表row='20' 返回文档列表总数(建议不要与limit属性同时存在,否则row无效)limit='起始ID,记录数' (起始ID从0开始)表示限定的记录范围
易优CMS搬家后前台地址栏图标无法显示的解决方法
针对易优CMS网站搬家后前台地址栏图标(Favicon)无 常显示的问题,可以按照以下步骤进行排查和解决:强制刷新浏览器:使用 Ctrl + F5 或 Cmd + R(Mac)进行强制刷新
易优模板下载模型详情页怎么调用下载地址
易优模板调用代码:{eyou:volist name="$eyou.field.file_list" id="field"}附件文件名:{$field.file_name}文件提取码:{$field.extract_code}
相关源码
-
(自适应)绿色新闻生活百科资讯文章博客类网站pbootcms模板源码本模板基于PbootCMS开发,为生活百科、资讯文章和博客类网站设计。采用清新绿色系风格,提供舒适的阅读体验,同时适配PC和移动设备。适用于生活技巧分享、健康知识传播查看源码 -
Wordpress博客新闻主题在线商店平台betheme 21.5.6版BeTheme是一款功能丰富的WordPress主题模板,专注于为各行业提供网站建设解决方案。该模板支持WooCommerce电子商务功能,能够快速搭建在线商店平台,同时适用于博客、新闻资讯类网站建设。自2014年发布以来,该模板已经获得大量用户的使用验证。查看源码 -
(自适应HTML5)响应式智能设备人工智能机器pbootcms源码免费下载这款基于PbootCMS开发的网站模板为人工智能和智能设备行业设计,采用现代化科技风格,突出产品的智能特性和技术创新。模板架构合理,功能完善,能够有效展示各类智能产品的核心功能和解决方案。查看源码 -
(PC+WAP)蓝色五金机械设备营销型网站源码下载基于PbootCMS内核开发的营销型企业网站模板,为五金机械设备类企业打造,通过标准化数字展示提升客户转化率。模板采用模块化设计,可快速适配机床工具、建筑五金、阀门管件等细分领域。查看源码 -
(自适应)行业协会工会机构单位pbootcms网站源码本模板基于PbootCMS内核开发,为行业协会、工会组织及机构单位量身打造。采用响应式布局设计,可自动适配手机、平板等移动设备,数据实时同步更新。模板包含行业资讯查看源码 -
(自适应)代理记账财务会计咨询服务个人公司网站模板该响应式网站模板为代理记账、财政咨询及财务会计类企业设计,基于PbootCMS内核开发。通过自适应手机端的HTML5技术,帮助企业高效构建专业财税服务平台查看源码
| 分享笔记 (共有 篇笔记) |
本栏推荐
相关标签
大家喜欢
- 易优CMS标签assign基础用法示例
- 易优eyoucms网站报错\core\library\think\db\Connection.php307
- 易优CMS致命错误联系技术支持:Call to undefined function eyPr
- 易优eyoucms后台登录Call to undefined function app\admin\cont
- 易优cms后台管理员登录超时的解决方法
- 易优EyouCms数据库连接失败的解决方法
- 易优cms阿里云ECS服务器快速搭建企业建站环境教程
- 易优CMS标签diyurl内链调用输出TAG标签用法示例
- 易优CMS标签user会员信息标签调用写法示例
- 安装易优EyouCms提示“Array and string offset access syntax w
