提取FCK编辑器中上传的图片地址

前段时间因项目功能需求,要将FCK编辑器中的图片的地址提取出来,经过一段时间的摸索与测试,基本完成了这个功能,只需在页面中加入如下代码即可

对代码做个简单的介绍,首先,function FCKeditor_OnComplete(editorInstance)方法,在页面加载完成后FCK会默认的调用这个方法,具体可见FCK源码:fckeditor.html文件中的

FCK对象会以参数的形式传递进来,我们调用FCK中自定义的方法对其增加OnBlur事件,在该事件中通过FCKeditorAPI获取编辑器中的内容,对其内容进行一些处理然后通过getElementsByTagName('img')来获取上传的图片对象,再通过一些程序处理得到我们需要的图片地址,最后将其地址加入到选择框中,供用户选择。

在这里面需要注意的是一些FCK中内置的一些对象及属性的应用,比如oEditor.IsDirty()方法的使用等。

这种方法的主要优点就是不需要更改FCK的源码,与FCK完全的解耦,使用起来也比较方便,FCK升级时也无需更改代码

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值