<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
window.onload = function(){
var s ="<html>\n"
+"<body>\n"
+" \n"
+"<div>\n"
+"123\n"
+" \n"
+"</div>\n"
+" \n"
+"</body>\n"
+" \n"
+"</html>"
var str = s.replace(/(\s+\n+|\n+|\s+|\n+\s+)/g,"")
console.log(str)
var str = str.replace(/></g,">\n<")
console.log(str)
var str = str.replace(/>\S+</g,function(world){
return ">\n"+world.substring(1,world.length-1)+"\n<"
})
console.log(str)
document.getElementById("msg").innerText = str
}
</script>
<style type="text/css">
.msg{
width: 100%
height: 60px
color:#FBBDEE
}
</style>
</head>
<body>
<div id="msg" class="msg"></div>
</body>
</html>
不知道适不适合你的要求。个人觉得是可以满足的。
js标点符号不换行可以通过段落设置来控制标点不出现在下行行首。具体做法：
选中段落「右键」-「段落」-「中文板式」，勾选「按中文习惯控制首尾字符」和「允许标点溢出边界」。这样就可以避免标点在行首了。
还有一种方法：如果单独设置某一行，可以选择缩进和间距，或者在段落对话框，选择缩进和间距选项卡。
第一种方法用起来更方便。
