dede title 标题长度限制

ゝ一纸荒年。 2022-09-30 03:54 223阅读 0赞

dedecms限制标题长度加省略号的修改方法

大家都知道,有时候,网页文章的标题太长的时候,会影响网页的美观,所以我们要对它进行修剪,限制它只显示多少个文字,多出来的部分用省略号代替.

那么如何和在DEDECMS实现这个效果呢?下面列出3种方法给大家参考:

1、修改CSS的：

<a style=”width:120px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;” href=”xxxxx”>网页文章很长很长很长很长的标题</a>

解释：width:120px; 限定长度，text-overflow:ellipsis ：当对象内文本溢出时显示省略标记…，white-space:nowrap：强制文本在一行内显示，overflow:hidden：溢出内容为隐藏。

修改CSS的方法简单，不过很遗憾，text-overflow:ellipsis属性在firefox中是没有效果的。

2、修改模板的方法：

用 \[field:title function=’ ( strlen(”@me”)>30 ? cn\_substr(”@me”,30).”…” : “@me” ) ‘ /\] 代替了原来的 \[field:title /\] ，在输出标题时多了一个判断的过程，先判断标题是否大于30字节，如果大于则只输出30字节的长度，并加上省略号。而title=” \[field:title /\]” 则不受影响，鼠标移上去时显示标题的全部内容。

吴磊个人比较喜欢这个方法，只需要修改模版，对系统影响很小。

3、改dedecms程序方法：

增加一个fulltitle标签，让你的title=""显示完整标题

具体修改如下：

1、打开include目录下inc目录下的inc\_fun\_SpGetArcList.php文件

2、找到228行

$row\['title'\] = cn\_substr($row\['title'\],$titlelen);

在前面增加一行

$row\['fulltitle'\] = $row\['title'\]; //注释：显示完整标题

3、找到

Copy code

$row\['textlink'\] = "<a href='".$row\['filename'\]."'>".$row\['title'\]."</a>";

将其替换为：

$row\['textlink'\] = "<a href='".$row\['filename'\]."' title='".$row\['fulltitle'\]."'>".$row\['title'\]."</a>";

个人不喜欢，以为要修改后台程序，比较高级，但是个人对于一个简单的显示问题动后台逻辑有点小题大作，不过可以通过这个来怎加我们对于dede的字符串处理更加深刻的理解。

发表评论取消回复

表情：

评论列表（有 0 条评论，223人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML标题title滚动

代码： <script type="text/javascript"> var msg = document.title; ...

本是古典何须时尚/ 2024年04月20日 10:49/ 0 赞/ 94 阅读

相关 ECharts 图表标题(title)系列设置

title:{ show:true,//false text:"图表标题",//主标题文本 textStyle:{

分手后的思念是犯贱/ 2023年10月05日 10:46/ 0 赞/ 39 阅读

相关动态更改页面的标题 title。

document.title = '需要更改的标题名字' 会去更改页面上的： ![20191010153421387.png][] [201910101534

亦凉/ 2023年06月06日 08:06/ 0 赞/ 83 阅读

相关 vue动态改变网页标题title

1.了解路由元在路由配置文件里配置meta标签是一个对象里面书写title(每个路由页面对应的标题) router/index.js {

绝地灬酷狼/ 2023年01月14日 10:57/ 0 赞/ 265 阅读

相关 css对标题文本限制长度

word-break: break-all; / break-all(允许在单词内换行。) / text-overflow: ell

左手的ㄟ右手/ 2022年11月15日 12:00/ 0 赞/ 211 阅读

相关 dede title 标题长度限制

dedecms限制标题长度加省略号的修改方法大家都知道,有时候,网页文章的标题太长的时候,会影响网页的美观,所以我们要对它进行修剪,限制它只显示多少个文字,多出来的

ゝ一纸荒年。/ 2022年09月30日 03:54/ 0 赞/ 224 阅读

相关 ECharts配置项之title(标题)

1.标题居中 //left的值为'left', 'center', 'right' title:{ left:'center' }

本是古典何须时尚/ 2022年09月12日 01:47/ 0 赞/ 278 阅读

相关网页title标题文字移动

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content

淩亂°似流年/ 2022年04月23日 09:36/ 0 赞/ 298 阅读

相关 angular5+动态设置页面标题title

在实际的开发项目当中，经常需要对访问网页的title进行动态配置，就像这样的东东， ![20190703122020322.png][] 所以今天来记录下怎么动态配置tit

约定不等于承诺〃/ 2021年12月15日 22:25/ 0 赞/ 644 阅读

相关 vue h5修改标题 title

1. 安装vue-wechat-title: npm install vue-wechat-title 2. 在mian.js 中引入： import vueWe

蔚落/ 2021年11月05日 15:52/ 0 赞/ 641 阅读