fckeditor使用心得
前一段时间一直在搞fckeditor的改造，
总算告一段落。。。
这下把改造的心得记录下，
为有需要的人提供点参考，
不当之处请及时指正。
1.fckeditor的编辑区域与空格有关的显示，如果其他地方有中文的话，
不是所见即所得的，明明显示是空两个中文，实际上发表以后不是如此。
原因在于fck的editarea的默认字体不是宋体
在fckeditor目录下找到
fck_editorarea.css文件，
修改body, td{}花括号里面的font-family为宋体(/u5B8B/u4F53)就ＯＫ了
2.为编辑器增加其他中文字体和字号
找到fckconfig.js文件，
修改
FCKConfig.FontNames这一行为
FCKConfig.FontNames = '/u5B8B/u4F53;/u9ED1/u4F53;/u6977/u4F53_GB2312;/u534E/u6587/u5F69/u4E91;/u534E/u6587/u884C/u6977;/u96B6/u4E66;/u65B9/u6B63/u8212/u4F53;/u65B0/u5B8B/u4F53;/u65B9/u6B63/u59DA/u4F53;/u4EFF/u5B8B_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
这里我没有用中文，给搞成unicode码了，
支持国际化么
修改
FCKConfig.FontSizes
这一行为
FCKConfig.FontSizes = '9;10;11;12;14;16;18;20;24;28;32;smaller;larger;xx-small;x-small;small;medium;large;x-large;xx-large' ;
就可以支持多种字号了
3.自定义默认字体的样式
还是修改fckconfig.js
找到
FCKConfig.CoreStyles
修改为
FCKConfig.CoreStyles =
{
// Basic Inline Styles.
'Bold' : { Element : 'strong', Overrides : 'b' },
'Italic' : { Element : 'em', Overrides : 'i' },
'Underline' : { Element : 'u' },
'StrikeThrough' : { Element : 'strike' },
'Subscript' : { Element : 'sub' },
'Superscript' : { Element : 'sup' },
// Basic Block Styles (Font Format Combo).
'p' : { Element : 'p' },
'div' : { Element : 'div' },
'pre' : { Element : 'pre' },
'address' : { Element : 'address' },
'h1' : { Element : 'h1',Styles:{ 'height':'30px','line-height':'30px','background':'url(/images/3j_title_bg.jpg) no-repeat left top #fff','font-size':'12px','font-weight':'normal','padding-left':'20px'} },
'h2' : { Element : 'h2',Styles:{'font-size':'14px','color':'#FE6500','text-align':'center','margin':'10px'} },
'h3' : { Element : 'h3',Styles:{'font-size':'12px','color':'#A0A0A0','text-align':'center','font-weight':'normal','margin':'10px'} },
'h4' : { Element : 'h4',Styles:{'font-size':'12px','color':'#000','text-align':'left','background':'url(/images/hderji_jiantou.jpg) no-repeat left center','padding-left':'15px','clear':'both'} },
'h5' : { Element : 'h5' },
'h6' : { Element : 'h6' },
// Other formatting features.
'FontFace' :
{
Element : 'span',
Styles : { 'font-family' : '#("Font")' },
Overrides : [ { Element : 'font', Attributes : { 'face' : null } } ]
},
'Size' :
{
Element : 'span',
Styles : { 'font-size' : '#("Size","fontSize")' },
Overrides : [ { Element : 'font', Attributes : { 'size' : null } } ]
},
'Color' :
{
Element : 'span',
Styles : { 'color' : '#("Color","color")' },
Overrides : [ { Element : 'font', Attributes : { 'color' : null } } ]
},
'BackColor' : { Element : 'span', Styles : { 'background-color' : '#("Color","color")' } },
'SelectionHighlight' : { Element : 'span', Styles : { 'background-color' : 'navy', 'color' : 'white' } }
};
这里我只修改了h1 到h4字体的样式
其他可以类似修改。