在网上找到一篇关于自定义fckeditor的好文

http://j2ee.blog.sohu.com/36813753.html

基本上想直接改js是很恼人的
因为fckeditor中的一些js都经过特殊处理、没有任何格式可言
在那里面去一个一个找基本上不可能，太难！

但可以从“源代码”中想办法
上文就提到了这一点。
我现在也实现了一小部分
来show一下

看到最右下角的图标了么？那就是自定义的
点击后

输入代码，点击确定

上面是出现在设计视图中的内容，但这个样式并不是我想要的，因为给该div增加style属性时失败
就是下面的代码：
function Ok()
{
    if ( !oActiveEl )
    {
        oActiveEl = oEditor.FCK.EditorDocument.createElement( ‘DIV’ ) ;
        oActiveEl = oEditor.FCK.InsertElementAndGetIt( oActiveEl ) ;
    }
   
    SetAttribute( oActiveEl, ‘style’, ‘font-size: 12px;line-height: 18px;line-height: 1.80;color: #000000;background-color: #F7F7F7;padding: 5px;width:80%;border: 1px solid #006400;border-left:4px solid #005700;’ ); //该处一直无法赋值
    SetAttribute( oActiveEl, ‘innerHTML’    , GetE(‘txtName’).value ) ;
    return true ;
}
所以，临时赋给了id属性 -,-，可以转到代码视图证实这一点

手工将id改为style，再转到设计视图，哈哈，样式搞定

但代码的格式丢失了。
所以目前遗留下二个问题：
无法给一个DIV增加style属性
输入的值在设计视图中丢失原有的格式。