楼主也做了一个案例,让textarea 里的值和 div 里的值相互转换,如图:
html 代码:
textarea /textarea input div /div input textarea /textarea
在 test1 中输入一个 abc,然后换行再输入 abc,点击第一个提交,在 test2 中显示 test1 的值,不处理的话,结果是'abc abc',换行符在 test1 里显示一个空格符而已,处理办法是:
$$('#submit1').on('click', function () { var text = $$('#test1').val(); $$('#test2').html(text.replace(//ig, "").replace(//ig, " br "));})
通过两次替换(处理上面提到的浏览器兼容问题)就能把换行符换成 ' br '。
然后再把 test2 里的内容显示在第二个 textarea 里,也就是把 ' br ' 再换成 '' 就行。
$$('#submit2').on('click', function () { var text = $$('#test2').html(); $$('#test3').val(text.replace(/ brs*/?s* /ig, '})
' brs*/?s* ' 表示 br 标签, br 是HTML写法, br/ 是XHTML1.1的写法,也是XML写法, br / 是XHTML为兼容HTML的写法,也是XML写法。