首页 > 分享, 未分类 > FCKeditor自定义编辑区CSS样式

FCKeditor自定义编辑区CSS样式

2009年12月22日 发表评论 阅读评论

在网站后台使用FCKeditor编辑器的时候,见到的效果可能并不完全是”所见即所得”的,因为如果在FCKeditor编辑区中使用了前台样式表中的样式,在编辑区中并不能把这些样式显示出来.解决这个问题的办法就是,在FCKeditor初始化的时候导入自定义的CSS样式.

具体的代码如下(相关解释见注释):

window.onload = function(){
var sBasePath = ‘/fckeditor/';//fckeditor的绝对路径
var SitePath = ‘/mysite/';//网站的绝对路径
var oFCKeditor = new FCKeditor(‘content’);//’content’为多行文本框的名字
oFCKeditor.BasePath = sBasePath;
oFCKeditor.Config[‘EditorAreaCSS’] = SitePath + ‘css/style.css’ ;//’css/style.css’为网站前台的样式表
oFCKeditor.Width = ‘100%’ ;
oFCKeditor.Height = ‘450’ ;
oFCKeditor.ReplaceTextarea() ;
}

分类: 分享, 未分类 标签: ,
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.

SEO Powered by Platinum SEO from Techblissonline
Get Adobe Flash player