手机版

jQuery读取和设置KindEditor值的方法

时间:2021-11-13 来源:互联网 编辑:宝哥软件园 浏览:

在使用Kindeditor时,我们希望使用Ajax来传递值,但是编辑器封装的方法是不可行的。原因是编辑器被放在另一个jsp页面上,由iframe加载,而这个iframe的显示='none '需要由一个事件触发。复制的代码如下: iframe src=' http :/common/editor . JSP ' frame border=' 0 '滚动=' no '样式=' margin 3360 0 '宽度=' 100% '高度=' 300 '名称=' zwframe' id=。我首先想到的是阅读内容“textarea”中的内容,即:$(“# editor”)。html(),但这是不可能获得的。所以我想通过获得iframe中的内容来获得它,但是我没有获得它。最后通过火狐调试找到了最终结果:

从上图可以看出,要获取“今天天气不错”的内容,我们只需要获取指定正文中的内容即可。处理流程:首先获取最外层的iframe,从中获取子元素iframe,从一楼获取主体。复制代码如下: var编辑器文本=$(窗口。框架['zwframe']。文档)。find ('iframe ')。目录()。find(' body ');var contents=editor text . html();其中,contents():搜索匹配元素内部的所有子节点(包括文本节点)。如果元素是iframe,则找到文档内容。提供了以下方法来获取iframe中元素的内容:复制代码如下: $(document . getelementsbytagname(' iframe ')[0]。contentwindow.document.body)。html();iframe中body元素的内容复制代码如下: $(document . getelementbyid(' iframeid ')。contentwindow.document.body)。html();获取iframe中textarea元素的内容拷贝代码如下: $(window . frames[' iframename ']。文档)。查找(' # textareaid ')。html();

版权声明:jQuery读取和设置KindEditor值的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。