使用js去掉pre标签前面的空格
2012-05-20 10:14
609 查看
第一次正式的小项目:当碰到<pre>标签的时候,里面的内容总是会在段落开头出现一排空格,在网上找了很久,没有看见解决方案,于是就使用js将其去掉后再显示出来。可能效率不高,但也算自己解决了一个小问题吧。所以便记下来。
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}<!--让pre标签里面的内容碰到父级”容器“时候自动换行-->
function toRightFormat(){
var changeViewObj = document.getElementById("preId");
var changeViewVal = changeViewObj.innerHTML;
var subStrTmp = changeViewVal.indexOf("\n",0);
var subStrTmp_2 = changeViewVal.substring(0,subStrTmp-1).match(/[\S]/);//第一个非空格字符
var subStrTmp_3 = changeViewVal.substring(0,subStrTmp-1).indexOf(subStrTmp_2);//第一个非空格字符所在位置
changeViewObj.innerHTML = changeViewVal.substring(0,subStrTmp-1).substring(subStrTmp_3,subStrTmp);//去掉<pre>前面空格后的第一行
var lastStr = changeViewVal.substring(subStrTmp,changeViewVal.length);//第一行后的所有内容
changeViewObj.innerHTML += "<br>";
var tempStr = "<pre>" + lastStr + "</pre>";//如果不加一个<pre>在里面的话,+=操作会让后面的换行符变成空格。找寻了许多解决方案,最后都没有搞定。于是便使用这个了……
changeViewObj.innerHTML += tempStr;
}
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}<!--让pre标签里面的内容碰到父级”容器“时候自动换行-->
function toRightFormat(){
var changeViewObj = document.getElementById("preId");
var changeViewVal = changeViewObj.innerHTML;
var subStrTmp = changeViewVal.indexOf("\n",0);
var subStrTmp_2 = changeViewVal.substring(0,subStrTmp-1).match(/[\S]/);//第一个非空格字符
var subStrTmp_3 = changeViewVal.substring(0,subStrTmp-1).indexOf(subStrTmp_2);//第一个非空格字符所在位置
changeViewObj.innerHTML = changeViewVal.substring(0,subStrTmp-1).substring(subStrTmp_3,subStrTmp);//去掉<pre>前面空格后的第一行
var lastStr = changeViewVal.substring(subStrTmp,changeViewVal.length);//第一行后的所有内容
changeViewObj.innerHTML += "<br>";
var tempStr = "<pre>" + lastStr + "</pre>";//如果不加一个<pre>在里面的话,+=操作会让后面的换行符变成空格。找寻了许多解决方案,最后都没有搞定。于是便使用这个了……
changeViewObj.innerHTML += tempStr;
}
相关文章推荐
- 去掉Html textarea 标签前面显示空格
- js和java去掉html标签和所有空格
- js去掉html标签和去掉字符串文本的所有的空格
- js去掉html字符串中的所有标签元素,结合vue表达式使用
- js去掉html标签和去掉字符串文本的所有的空格
- JS(去掉前后空格或去掉所有空格)的用法 推荐使用jquery 方法
- 使用js和jq去掉左右空格方法
- JS使用正则实现去掉字符串左右空格的方法
- JS(去掉前后空格或去掉所有空格)的用法 推荐使用jquery 方法
- js去掉html标签和去掉字符串文本的所有的空格
- js 正则去掉标签前后的空格
- 使用js去掉字符串的两侧的指定字符和替换去除空格、换行、回车
- js去掉html标签和去掉字符串文本的所有的空格
- js去掉html标签和去掉字符串文本的所有的空格
- bat 获取系统时间,并去掉时间小时前面的空格
- 使用js正则控制input标签只允许输入的值
- js中使用正则表达式去除字符串前后空格
- js正则:匹配一个html的tagname的开始标签,主要是解决包含&lt;&gt;(正则的效率问题建议不使用)
- js 去掉字符串前面的0
- js使用html()或text()方法获取设置p标签的显示的值