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

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

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

<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 这个选项，打上勾即可。

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

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

相关推荐