截取带HTML标签的文本并保留文本样式
一个截取HTML文本的工具,可以按照文字字数或文字字节长度进行截取,保留HTML样式并在最后自动补齐截取后的标签。
按工作要求编写,时间紧迫,代码未优化,欢迎讨论和指正。
1. [文件] SubHtml.js
/**
* 文件名:SubHtml.js
* 作 者:DHC
* 说 明:带HTML标签根据HTML内容截取指定长度的HTML文本,并自动补齐截取后的标签
* 版 本:1.0
* 时 间:2014-02-24
* 示 例:subHtml($("#div715").html(), 73, false)
*/
(function(o){
/**
* 判断数组中是否包含某个元素
*/
Array.prototype.inArray = function(v){
for(i=0; i < this.length; i++) {
if(this[i] == v){
return true;
}
}
return false;
}
/**
* 将HTML字符串里面的文本字符检出
*/
o.toText = function(oHtml){
if(typeof oHtml === "string"){
return oHtml.replace(/(^\s*)|(\s*$)/g, "").replace(/<[^<^>]*>/g, "").replace(/[\r\n]/g, "");
} else {
return "";
}
};
/**
* 截取带HTML样式的字符串,并保留并自动补齐HTML标签
* oHtml 将要截取的HTML字符串
* nlen 截取后的长度,包含标签之间的空格
* isByte 是否按照字节长度截取
*/
o.subHtml = function(oHtml, nlen, isByte){
var rgx1 = /<[^<^>^\/]+>/; //前标签(<a>的href属性中可能会有“//”符号,先移除再判断)
var rgx2 = /<\/[^<^>^\/]+>/; //后标签
var rgx3 = /<[^<^>^\/]+\/>/; //自标签
var rgx4 = /<[^<^>]+>/; //所有标签
var selfTags = "hr,br,img,input,meta".split(",");
if(typeof oHtml !== "string"){
return "";
}
oHtml = oHtml.replace(/(^\s*)|(\s*$)/g, "").replace(/[\r\n]/g, "");
var oStr = oHtml.replace(/<[^<^>]*>/g, "");
var olen = isByte ? oStr.replace(/[^\x00-\xff]/g,"**").length : oStr.length;
if(!/^\d+$/.test(nlen) || olen <= nlen){
return oHtml;
}
var tStr = oHtml;
var index = 0;
var matchs = new Array();
while(rgx4.test(tStr)){
var m = new Object();
m.index = index + tStr.search(rgx4);
m.string = tStr.match(rgx4).toString();
var len = tStr.search(/<[^<^>]+>/)+tStr.match(/<[^<^>]+>/)[0].length;
tStr = tStr.substr(len);
index += len;
matchs.push(m);
}
if(isByte){
var i=0;
for(var z = 0; z < oStr.length; z++){
i += (oStr.charCodeAt(z) > 255) ? 2 : 1;
if(i >= nlen){
tStr=oStr.slice(0,(z + 1));
break;
}
}
} else {
tStr = oStr.substr(0, nlen);
}
var startTags = new Array();
for(var i = 0; i < matchs.length; i++){
if(tStr.length <= matchs[i].index){
//tStr += matchs[i].string;
matchs = matchs.slice(0, i);
break;http://www.huiyi8.com/dongman/weimei/
} else {唯美动漫图片
tStr = tStr.substring(0, matchs[i].index) + matchs[i].string + tStr.substr(matchs[i].index);
if(rgx1.test(matchs[i].string.replace(/(\/\/)/g, ""))){
var name = matchs[i].string.replace(/[<>]/g, "").split(" ");
if(name.length > 0){
name = name[0];
if(!selfTags.inArray(name)){
startTags.push(name);
}
}
} else if(rgx2.test(matchs[i].string)){
var name = matchs[i].string.replace(/[<\/>]/g, "");
if(startTags.length > 0 && startTags[startTags.length - 1] === name){
startTags.pop();
}
}
}
}
if(startTags.length > 0){
for(var i = startTags.length - 1; i >=0; i--){
tStr += '</' + startTags[i] + '>';
}
}
return tStr;
}
}(window));
截取带HTML标签的文本并保留文本样式的更多相关文章
- Jsoup提取文本时保留标签
使用Jsoup来对html进行处理比较方便,你可能会用它来提取文本或清理html标签.如果你想提取文本时保留标签,可以使用Jsoup.clean方法,参数为html及标签白名单: Jsoup.clea ...
- 用Ueditor存入数据库带HTML标签的文本,从数据库取出来后,anjular用ng-bind-html处理带HTML标签的文本
ng.module('index-filters', []) .filter('trustHtml', function ($sce) { return function (input) { retu ...
- vim技巧4 删除/保留文本中匹配行
vim技巧:如何删除/保留文本中特定的行呢? <ol><a href="/ss/ss/www"> show invisibles</a> < ...
- wordpress调用the_excerpt()不带<p>标签
我们知道wordpress调用摘要内容用<?php the_excerpt(); ?>就可以,但是它会自动添加一个p标签,例如<p>这里是description</p&g ...
- HTML标签-->段落,格式,文本
只有努力奔跑,才能一直停留在原地. <!--段落标签--> <h1>默认向左</h1> <h1 align="right">向右对齐 ...
- 使用所见即所得文本编辑器编辑文本存入数据库后通过ajax获取服务器json_encode的数据到前台,文本内容上边的html标签不解析
使用所见即所得文本编辑器编辑文本存入数据库后通过ajax获取服务器json_encode的数据到前台,文本内容上边的html标签不解析 因为我在前台使用了jquery的text()方法,而不是html ...
- 如何把大段文字转为带html标签的文字
开发网页的时候,有时候会遇到大段的隐私声明,用户协议等等,我们呀要复制粘贴展示出来,必须加大量的p标签,h1,h2,空格符,br标签,这对我们来说无疑是泪崩的,有个很好的办法,可以快速给这些文字加标签 ...
- SpringMVC和Freemarker整合,带自定义标签的使用方法
SpringMVC和Freemarker整合,带自定义标签的使用方法. [参考来源:http://www.360doc.com/content/14/1225/14/1007797_435663342 ...
- [原创]java WEB学习笔记42:带标签体的自定义标签,带父标签的自定义标签,el中自定义函数,自定义标签的小结
本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...
随机推荐
- mycat 分页慢原理解析、mycat跨事务解惑、mycat注解调用存储过程分析
1结合Mycat日志,分析select * from travelrecord order by id limit100000,100 的运行过程,解释下当limit M,N中的M非常大的情况下.为什 ...
- vue2.X v-model 指令
1.v-model指令 <!DOCTYPE html> <html> <head> <title></title> <script s ...
- Vue 响应式数据说明
值得注意的是只有当实例被创建时 data 中存在的属性才是响应式的.也就是说如果你添加一个新的属性,比如: vm.b = 'hi' 那么对 b 的改动将不会触发任何视图的更新. 这里唯一的例外是使用 ...
- [Sqlite]-->嵌入式数据库事务理解以及实例操作
引子: 1. Sqlite在Windows.Linux 和 Mac OS X 上的安装过程 2,嵌入式数据库的安装.建库.建表.更新表结构以及数据导入导出等等具体过程记录 SQLite 事务(Tran ...
- UNP学习笔记(第七章 套接字选项)
有多种方法获取和设置影响套接字的选项: 1.getsockopt和setsockopt函数 2.fcntl函数 3.ioctl函数 getsockopt和setsockopt函数 这两个函数仅用于套接 ...
- apue学习笔记(第十二章 线程控制)
本章将讲解控制线程行为方面的详细内容,而前面的章节中使用的都是它们的默认行为 线程属性 pthread接口允许我们通过设置每个对象关联的不同属性来细调线程和同步对象的行为.管理这些属性的函数都遵循相同 ...
- WebService中获取request对象一例
@WebService @Service public class WeiXinWebServiceImpl implements IWeiXinWebService { @Resource priv ...
- 将Cocos2d-x游戏打包成Android应用程序
1. 打开Eclipse(已经装好CDT.ADT和NDK),导入cocos2d-x的Android项目. 2. 导入后java的源码会出现编译错误,打开cocos2d-x引擎的根文件夹\cocos2d ...
- mysql报错1872: Slave failed to initialize relay log info structure from the repository
ERROR 1872 (HY000): Slave failed to initialize relay log info structure from the repository 在一台主机上增加 ...
- Java下HttpUnit和Jsoup的Http抓取
简单记录下:搜集信息-分析问题-解决问题 关于html文档的操作现成库有: HttpUnit 很老了,不更了 http://www.httpunit.org/ 20 May 2008 HttpUni ...