文章编辑功能

文章编辑器我们使用的是KindEditor,具体使用参考编辑器初始化参数

这里要注意的问题是文本编辑框并不是你的<textarea>标签,你的<textarea>标签是操作栏上的html的的输入框,文本编辑框实际上在<iframe>中.

但是渲染是你仍然可以将内容放在textarea中,编辑器会帮你做出处理.

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

这里介绍一下在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。

JavaScript

在父窗口中获取iframe中的元素

格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID"); 
实例：window.frames["ifm"].document.getElementById("btnOk").click(); 
 
格式： 
var obj=document.getElementById("iframe的id").contentWindow; 
var ifmObj=obj.document.getElementById("iframe中控件的ID"); 
实例： 
var obj=document.getElementById("ifm").contentWindow; 
var ifmObj=obj.document.getElementById("btnOk"); 

 在iframe中获取父窗口的元素

格式：window.parent.document.getElementById("父窗口的元素ID"); 
实例：window.parent.document.getElementById("btnOk"); 

Jquery

在父窗口中获取iframe中的元素

格式：$("找到iframe标签").contents().find("找到iframe中的标签");//jquery 方法1 
实例：$("#ifm").contents().find("#btnOk");//jquery 方法1 
 
格式：$("#找到iframe标签",document.frames("frame的name").document);//jquery 方法2 
实例：$("#btnOk",document.frames("ifm").document);//jquery 方法2

在iframe中获取父窗口的元素

格式：$('#父窗口中的元素ID', parent.document); 
实例：$('#btnOk', parent.document);