首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 其他相关 >

FCK使用手记1(源代码怎么显示FCK编辑器面板的)

2012-11-07 
FCK使用手记1(源代码如何显示FCK编辑器面板的)??? 由于业务需求,公司在前一段时间在工程项目中引入了FCK在

FCK使用手记1(源代码如何显示FCK编辑器面板的)

??? 由于业务需求,公司在前一段时间在工程项目中引入了FCK在线编辑器,使用了一段时间后,发现难以满足目前的要求,于是需要对一些源代码进行修改,今天使用fireBug进行了一下跟踪,觉得FCK的面板创建原来是这样的,挺有趣,分享下:

1、首先说明下版本,我觉得这个很重要,现在网上很多教程都不说明版本,所以有时候照着做了半天,才发现版本不对,纯属白忙活。当然我现在说的和版本应该关系不大,因为这里不涉及到如何进行配置。公司使用的版本是FCKeditor_2.6.3和配套的java_core_2.4。

2、FCK实例的创建,我使用的是JAVAScript来创建的FCK实例,在使用var oFckeditor = new FCKeditor('content');时,在fckeditor/fckeditor.js中你将创建一个FCK的实例,进行一些基本设置后,我采用了oFckeditor.CreatHtml()方法创建FCK编辑器。

3、在oFckeditor.CreatHtml()这个方法中,调用了两个方法,我们说第2个方法——_GetIframeHtml(),这个方法创建了一个IFrame元素,iframe元素的src属性指向了editor/fckeditor.html这个页面,也就是说FCK编辑器真正的面目就在这个页面上。

4、到这里我们就明白了,FCK面板的显示是在你的页面中用javascript动态创建了一个iframe,iframe装载了fckeditor.html这个页面,然后通过你的DIV对像加入这个iframe就可以了。

???? 呵呵,如有不正确的地方,大家多多指正,其实追踪源代码真的很有意思。由于需要比较多的修改FCK,如果大家有什么好的资料,请传阅于我,谢谢。

1 楼 greencoffee 2009-03-04   问一下,显示源码的时候图片之类的东西路径加入ip或网址了吗?比如<img src="http://127.0.0.1:8080/project/common/img/123.gif">,这样修改文字的时候会不会出问题呢? 2 楼 pengjj2 2009-07-15   不会出问题的,在修改文字的时候只是修改的标签内的文字内容,跟标签属性没什么关系

热点排行