正则表达式--小脚本(对输入内容进行处理)
2016-03-09 18:51
519 查看
该小脚本实现的是对输入框内容中取出<img>标签中的src中的内容,然后在原来位置进行替换内容,然后在去除输入内容中的html标签,空格等操作
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function () { var target = document.getElementById("div1"); var but = document.getElementById("but"); var value; but.onclick = function () { value = target.innerHTML; result = dealText(value); alert(result); }; }; function dealText(msg) { var text1 = imageRound(msg); var text2 = removeTag(text1); var text3 = removeBlank(text2); var text4 = changeNBSP(text3); return text4; } function DealNum(num) { var content = []; for (var i = 0; i < num.length; i++) { // content.push(defaultSrc(num[i])); } return content; } function defaultSrc(src) { return ':avator:'; } function returnValue(srcValue) { var num = []; var pattern = /([^\/]+)\./; var src; for (var i = 0; i < srcValue.length; i++) { src = pattern.exec(srcValue[i])[1]; num.push(src); } // alert(num); var source = DealNum(num); return source; } function imageRound(text) { var reg2 = /<img.*?\>/gi; var s = text.match(reg2); var num = returnValue(s); var i = 0; var content = text.replace(reg2, function () { return num[i++]; }); return content; } function removeTag(text) { var text1; var reg = /<.*?>|<.*?\/>/g; text1 = text.replace(reg, ""); return text1; } function removeBlank(text) { var text1; var reg = /\s+/g; text1 = text.replace(reg, ""); return text1; } function changeNBSP(text) { var text1; var reg = / /g; var reg1 = /\;/g; text1 = text.replace(reg, ' '); text1 = text1.replace(reg1, ""); return text1; } </script> </head> <body> <div contenteditable="true" id="div1">abc efg <img src="asdjk/123.jpg"/><span>hi gk</span><img src="ahdkh/124.jpg"/> <div>lmnop</div> q rst uvw </div> <button id="but">更新</button> </body> </html>
相关文章推荐
- 详解C++ friend关键字
- 宏定义的好用方法
- JSON和JSONP (含jQuery实例)(share)
- VB.net删除节点,数据库,文件
- Dubbo分布式服务框架
- Trie树的常见应用大总结(面试+附代码实现)
- LeetCode144:Binary Tree Preorder Traversal
- Kafka消息的可靠性测试--针对直播业务的方案选择
- iOS app submission : missing 64-bit support
- ASP.NET中前台javascript与后台代码调用
- Vector Asset Studio的使用
- c++ 工厂模式
- Android 继承SqLiteOpenHelper 实现内部数据库
- java类加载过程
- 工具篇-利用fis压缩项目
- 记录-Jquery uploadify文件上传实例
- java 遍历文件夹中的所有文件
- 如何实现一个环形进度条
- Java - HashSet
- php分页