看效果
看源码:
Document#text{
margin:20px auto;padding:4px;
width:80%;min-height:200px;
box-shadow:0 0 10px #000;
}
#content{
display: inline-block;
padding:10px;margin:0 auto;
width:96%;height:200px;
}
var content = document.querySelector('#content')
var text = document.querySelector('#text')
content.addEventListener('input',fn,false)
function fn(e){
let str = content.value
console.log(str)
text.innerHTML = str.replace(/[\r\n]/g,"
").replace(/\s/g," ");
}