Question

用了 fckeditor 编辑的文章，怎么设置其行距

用了 fckeditor 后，里面都是自动把style加在每一处需要的地方的，优先级别像是最大了。
那我想整体控制这篇文章显示时的行距，该怎么设置啊。
在调到前台页面时再设line-height无效了啊。如
<div style="line-height:28px;"><%# Eval("new_content") %></div>。这样无效的。

Answer 1

第一，在fckconfig.js里面
将FCKConfig.CustomStyles =
{
'Red Title' : { Element : 'h3', Styles : { 'color' : 'Red' } }
};
替换成FCKConfig.CustomStyles =
{
//mark090522
'12px' : { Element : 'span', Styles : {'line-height' : '12px' } },
'14px' : { Element : 'span', Styles : {'line-height' : '14px' } },
'18px' : { Element : 'span', Styles : {'line-height' : '18px' } },
'22px' : { Element : 'span', Styles : {'line-height' : '22px' } },
'26px' : { Element : 'span', Styles : {'line-height' : '26px' } },
'30px' : { Element : 'span', Styles : {'line-height' : '30px' } },
'36px' : { Element : 'span', Styles : {'line-height' : '36px' } },
'42px' : { Element : 'span', Styles : {'line-height' : '42px' } },
'50px' : { Element : 'span', Styles : {'line-height' : '50px' } },
'64px' : { Element : 'span', Styles : {'line-height' : '64px' } },
'80px' : { Element : 'span', Styles : {'line-height' : '80px' } }
//'Red Title' : { Element : 'h3', Styles : { 'color' : 'Red' } }
//markend
};
第二：在fckstyles.xml里
<Style name="Marker: Yellow" element="span">
<Style name="background-color" value="Yellow" />
</Style>
<Style name="Marker: Green" element="span">
<Style name="background-color" value="Lime" />
</Style>
<Style name="Big" element="big" />
<Style name="Small" element="small" />
<Style name="Typewriter" element="tt" />
<Style name="Computer Code" element="code" />
<Style name="Keyboard Phrase" element="kbd" />
<Style name="Sample Text" element="samp" />
<Style name="Variable" element="var" />
<Style name="Deleted Text" element="del" />
<Style name="Inserted Text" element="ins" />
<Style name="Cited Work" element="cite" />
<Style name="Inline Quotation" element="q" />
<Style name="Language: RTL" element="span">
<Attribute name="dir" value="rtl" />
</Style>
<Style name="Language: LTR" element="span">
<Attribute name="dir" value="ltr" />
</Style>
<Style name="Language: RTL Strong" element="bdo">
<Attribute name="dir" value="rtl" />
</Style>
<Style name="Language: LTR Strong" element="bdo">
<Attribute name="dir" value="ltr" />
</Style>
第三：在fckeditor/editor/lang/zh-cn.js
将Style : "样式",替换成 Style : "行距",然后上传覆盖替换掉相应的文件。
第四：修改一个配置，让FCKEDITOR的样式功能（现在是行间距功能）正常出来了
打开 \includes\fckeditor\fckconfig.js 文件，
将
FCKConfig.ToolbarSets["Normal"] = [
['Cut','Copy','Paste','PasteText','PasteWord','-','Undo','Redo','-','Find','Replace','-','RemoveFormat'],
['Link','Unlink','-','Image','Flash','UpFileBtn','Table'],
['FitWindow','-','Source'],
'/',
['FontFormat','FontSize'],
['Bold','Italic','Underline'],
['OrderedList','UnorderedList','-','Outdent','Indent'],
['JustifyLeft','JustifyCenter','JustifyRight'],
['TextColor','BGColor']
] ;
上面中的 ['FontFormat','FontSize'],改成 ['Style','FontFormat','FontName','FontSize'],
刷新看看那个FCK编辑器

Answer 2

你按下shift+enter换行行距就不会很大了
或者你在配置fckconfig.js那里把FCKConfig.EnterMode =‘p’ 改成FCKConfig.EnterMode =‘br’,再在源代码外面加一个设置行高的style也可以，跟里面的没冲突的话是会生效的

因为你 fckeditor里面按了回车，加的标签是p,你试试把配置fckconfig.js那里把FCKConfig.EnterMode =‘p’ 改成FCKConfig.EnterMode =‘br’看看

Answer 3

在fck配置的js文件里 将enter修改成<br> 即换行模式的，这样你回车换行的时候，不会增加样式的，现实的时候用line-height控制就可以了

Answer 4

免费的fckeditor，貌似没有调节行距的功能，Enter是间隔两行，Shift+Enter是一行

Answer 5

在CSS文件修改.article #content 样式
或用我这个.article #content{padding:5px 5px 5px 5px;FONT-SIZE: 14px; LINE-HEIGHT: 20px;}