关于kindEditor获取编辑内容dom节点

如果是获取编辑内容所有HTML代码,使用kindeditor.html()即可;



最近项目中要求客户打印模块使用自定义功能,并且能保存模板,所以就想到了使用kindEditor进行样式编辑;

开始自己一直认为使用document.getElementById(xxx)获取dom节点,然后innerHTML,这样就可以获取到HTML代码;

结果获取根据id获取dom节点为null;这说明什么?说明当前document对象中根本就没有这个节点;

是加载延迟吗?打开debug查看Elements;根据ID查找一下,是可以找到的,说明显示正常也不可能是加载的问题;

这时候向上移动鼠标就看见#document


黄色字体tr为需要获取的Dom节点;注意<html><head></head><body>说明我们使用的document和想要获取的dom节点的document对象

根本就不是一回事;所以首先想办法获取了kindeditor的document;然后获取Dom节点以及HTML内容;参考kindEditor的default.html

代码如下:

var content2 = this.up('window').down('#content').down('#kindEditorLabel1').kindEditor;

var thead =content2.edit.iframe.get().contentWindow.document.getElementById('contractThead').innerHTML;

至此大功告成

文档的话请参考这里,写的很详细http://wenku.baidu.com/link?url=jzovURZtAdwrVOkfpCSeNDJpzTt6BIvJ2EsPAG3woA-T6VwdnyO9DXGIU3bmkTMOiWMRKII_WvyeFOsNOuAgClqBFUE6cWu-uYxwzbxVqt7


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值