如果是获取编辑内容所有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