解决 WordPress 无法正常显示空行/回行/回车/换行的几种方法

相信很多读者都有过,在wordpress后台编辑文章的时候,明明有按ENTER空行,但是发表后发现空行完全不见了。自从使用上WP之后,这个问题一直无法得到解决,一直怀疑Wordpress的编辑器不太好用。有时候在“可视化”模式下写完文章用“HTML”模式看一下,再切换回“可视化”结果就变了。而且经常有时候写文章想分段空一个空白行出来。必须切换到“HTML”模式中用<br/>来实现这个目的。没有以前用BO-BLOG那样方便,在BO的时代,想怎么回车就怎么回车,想空多少行就空多少行。。在网上查了一下,原来WP自带的这个功能:自动省略或删除空白行。真是闲的蛋疼,弄这么个SB功能出来。

今天再网上搜索了一下,还真的找到了答案,这就贴出解决方法。。。

解决方法一:
在后台的编辑器里,当需要输入空行的时候,转入“html编辑器”模式,在需要空行的地方输入

1
<br/>

然后再发布吧

上面的方法有个最大的优点,原生的,不需做任何修改,直接使用。但也有个最大的缺点,就是你每次都要在“html编辑器”模式下输入并接着发布,你一旦转入“可视化编辑器”下编辑并发布以后,那么你以前做的工作就白费了,还得从头再来。下面来介绍彻底一些、简单一些的更好方法吧。

解决方法二:
打开模板目录中style.css文件,添加以下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
.post .content {
padding:5px 0 5px 5px;
line-height:145%;
overflow:hidden;
}
.post .content p {
margin-bottom:10px;
}
.post .content .under {
height:16px;
line-height:16px;
}
.post .content .under span {
float:left;
margin-right:15px;
}
.post .content h4 {
color:#080;
margin-bottom:10px;
}
.post .content img {
max-width:600px;
}
.post .content ul,
.post .content ol {
padding-bottom:10px;
}
.post .content ul li,
.post .content ol li {
list-style-position:inside;
padding-left:20px;
}
.post .content table {
background#FFF;
border:1px solid #CCC;
margin:5px 0 10px;
}
.post .content table tr td {
border-top:1px solid #CCC;
padding:2px 10px;
}
.post .content table tr th {
padding:1px 10px;
background#EDEFF0;
text-align:left;
}
.post .content .boxcaption {
background-image:url(img/postbox.gif);
border-bottom:1px solid #CCC;
}
.post .content .box {
background-image:url(img/postbox.gif);
}

然后在修改你的single.php文件
查找

1
<?php the_content(); ?>

然后修改成

1
<div class="post-content"><?php the_content(); ?></div>

即可

解决方法三:
如果你对代码一窍不通,用前面的方法觉得有点麻烦;或者你使用上面的方法仍然不大满意,那么还可以用插件来解决问题!安装TinyMCE Advanced插件吧(wordpress默认的是TinyMCE编辑器,现在安装一个高级版),在插件的设置页面的下方,找到 stop removing the p and br tags when saving and show them in the HTML editor 这个选项,打上勾即可。

相关评论

  1. pc说道:

    太感謝版主了T_________T拯救了我!我是用方法三!

    *找設置打勾的地方找了一陣子,可以用ctrl+F 搜尋 br ,就會找到了 (目前是唯一的一個) (就是那個勾下去!)

    可以無痛用空白鍵真的感恩戴德 再次感謝版主!!!!!!

  2. 出错啦说道:

    反正我菜,就不管了,等未来官方修正吧!!

  3. nemo说道:

    我遇到了这个问题,但是始终找不到这个插件在哪里设置啊?我用的是wp 3.0.4版,是不是插件现在还不兼容呢??

  4. 黄金屋说道:

    楼主看看你的网页源代码吧!被插入了很多。WordPress的这个WYSIWYG编辑器真是Bug多多!不知道是不是开源社区不付工资,这种小问题一直存在,一直没人管。

  5. 分享生活说道:

    我还在坚守BO-BLOG。

  6. 逸冰说道:

    wp下些日记不是很多,不过我遇到一个问题就是,我本来日记数是150的,按照道理是排151是吧,但是看到排到535去了,而且不能够修改,真郁闷…..

  7. 秋天一棵树说道:

    我用的就是后面的插件,哈哈,省得动手。

  8. 河北博客说道:

    收下了 正打算用wp做一个站呢 呵呵

  9. 高清电影网说道:

    高手果然无处不在!

  10. 脉管炎说道:

    无聊中,打酱油路过,博客不错。

  11. 海天无影说道:

    我也被这个困扰
    你第二个方法 css样式没写~

  12. 济南seo说道:

    精彩内容,怎容错过!
    o(∩_∩)o

  13. 昵称·说道:

    学习了,不错!

  14. 昵称·说道:

    有点难呀!!

  15. 左岸读书说道:

    我也很奇怪wp会删掉空行,和段首的空格。后来只能根据这两种情况想出一些对策,首行空两格,增加段前距离。

  16. 封口机说道:

    礼尚往来,哈哈,来过,希望博主有空回访小站。

  17. 看过,记过,也飘过….

  18. mice说道:

    感觉评论框上面必须俩个字 好小好小..

  19. 浩子说道:

    额,看来你运气不佳啊
    我还从没遇到过这种情况哦……

相关评论:

您的电子邮箱地址不会被公开。 必填项已用*标注