问题描述:解析阅读内容时内容出现\n无法解析




解决方案:使用<pre>标签包住保证样式,但存在问题即文本内容在遇到换行符之前不会换行,需要对pre进行样式属性添加。代码如下:

pre{

       text-indent: 32px;

       white-space: pre-wrap; /*css-3*/

       white-space: -moz-pre-wrap; /*Mozilla,since1999*/

       white-space: -pre-wrap; /*Opera4-6*/

       white-space: -o-pre-wrap; /*Opera7*/

       word-wrap: break-word; /*InternetExplorer5.5+*/

}




其次小说换行时,页面显示效果需要空出一行,效果如下




此时需要使用全局替换:

var newContent=res.chapter.body.replace(/\n/g,'\n\n      ')

$('.reading_text').html(newContent);


其中\n\n表示换两行 后面的空格即换行后头部空的距离



Created with the Personal Edition of HelpNDoc: Free help authoring environment