字符串截取

更新时间：2020-05-26 16:15:46 作者：米拓建站

## 概述：
通过系统的`met_substr`方法，可按设置的长度截取字符。
## 使用范围：
所有模板文件页面。
## 类型：
系统方法，用于按长度截取文字的方法。
## 语法：
`格式：{内容变量|met_substr:截取开始的位置,截取结束的位置}`
例如：

{$v.description|met_substr:0,100}
    //$v.description:内容列表的内容标题；
    //0,100：0表示截取开始的位置，100表示截取结束的位置；
    //以上示例表示将内容列表描述文字从第1个字符截取到第100个字符

【注意】截取的字符长度是包含了文字、标点符号和空格等字符的总长度。
## 示例：
### 如何控制内容信息显示的字符长度？
**场景案例：**首页某区块调用了栏目ID为4的内容列表，需设置内容描述信息只显示50个字符，超出则以省略号结尾。

**模板代码：**

<tag action="list" cid="4">
	//调用指定栏目的内容列表数据https://doc.metinfo.cn/mb/mbtag/65.html，
	//可参考“如何获取栏目ID”https://doc.metinfo.cn/mb/faq/102.html 将获取的栏目id传入到参数cid中，
	//cid参数的值可以是模板中自定义的变量,例如$lang['index_product_id']，具体请参考文档https://doc.metinfo.cn/mb/mb/28.html 
    // $v包含了每条内容的所有数据，相当于一个数组，可以通过{$v.字段名}的方式来渲染信息数据，$v包含的字段名请参考文档https://doc.metinfo.cn/mb/mbtag/65.html
    <p>{$v.description|met_substr:0,50}...</p>//{$v.description}：内容描述；
    </tag>

【注意】实际编写时请去掉注释文字。
**前台页面输出HTML：**

<p>音触即发！会唱歌的“天鹅”，360°音效技术，音质更真实自然，简洁触控操作，多提示音选择，支持蓝牙免...</p>
    <p>大光圈、美妆、魅我、专业拍照、十级美肤拍照、全景、HDR、美食、流光快门、水印、有声照片、文档校正、...</p>
    //内容列表可能有多条内容，示例只列举两条

文档中心

米拓学堂

帮助中心

在线交流

{"status":1,"html":"<style type=\"text\/css\">\r\n.onlinebox_three{border:2px solid;}\r\n.onlinebox_three .onlinebox_three_list{width: 160px;padding: 10px 0px;}\r\n.onlinebox_three .online-item{margin-bottom: 5px; padding: 0px 17px; position: relative;display: block;color: #666;}\r\n.onlinebox_three .online-item:last-child{margin-bottom: 0px;}\r\n.onlinebox_three .online-item:hover{background: #f8f8f8;}\r\n.onlinebox_three .online-item i{font-size: 16px;}\r\n.onlinebox_three .onlinebox-open{font-size: 22px;display:none;cursor: pointer;padding: 0 10px; font-size: 18px; line-height: 40px;}\r\n.onlinebox.min .onlinebox-open{display:block;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}\r\n.onlinebox .onlinebox-min{position: relative;top:-4px;}\r\n@media (max-width: 767px){\r\n.onlinebox_three .online-item{font-size: 12px;padding-top: 6px;}\r\n.onlinebox_three .online-item i{font-size: 14px;}\r\n}\r\n<\/style>\r\n<div id='onlinebox'  class=\"onlinebox onlinebox_three hide\" m-type='online' m-id='online' style=\"border-color:#1baadb;\">\r\n    <div class=\"onlinebox-open\" style=\"background:#1baadb;\"><i class=\"fa fa-comments-o\"><\/i><\/div>\r\n    <div class=\"onlinebox-box\">\r\n        <div class=\"onlinebox-top\" style=\"background:#1baadb;\">\r\n            <div class=\"onlinebox-top-btn font-size-26\">\r\n                <a href=\"javascript:;\" class=\"onlinebox-close\" title=\"\">×<\/a>\r\n                <a href=\"javascript:;\" class=\"onlinebox-min\">-<\/a>\r\n            <\/div>\r\n            <h4>在线交流<\/h4>\r\n        <\/div>\r\n                                    <div class=\"met-editor onlinebox-bottom p-x-10 p-y-5\"><p style=\"text-align: center;\">\r\n    <img src=\"..\/upload\/202001\/1579417409303256.png\" data-width=\"120\" width=\"120\" data-height=\"120\" height=\"120\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n    微信公众号\r\n<\/p>\r\n<p style=\"text-align:center;\">\r\n    <img src=\"..\/upload\/202001\/1579417452544806.png\" data-width=\"150\" width=\"150\" data-height=\"150\" height=\"150\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n    QQ交流群\r\n<\/p><\/div>\r\n    <\/div>\r\n<\/div>","t":"4","x":"10","y":"130"}