CKEDITOR 4怎么实现对话框内嵌IFrame操作

  介绍

小编给大家分享一下CKEDITOR 4怎么实现对话框内嵌IFrame操作,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

实例如下:

,,内容:,,,,,,,,,,,//每一个内容在对话框中都是一个标签页   ,,,,,(   ,,,,,,,{   ,,,,,,,,,,,& # 39;用户# 39;,,,,,,,//内容的id   ,,,,,,,,,标签:,& # 39;你,名字# 39;   ,,,,,,,,,标题:,& # 39;你,名字# 39;   ,,,,,,,,,元素:,,,,,,,//定义中内容的内容,我们这里放一个文本框,id是名称   ,,,,,,,,,(   ,,,,,,,,,,,{   ,,,,,,,,,,,,,,,& # 39;名字# 39;   ,,,,,,,,,,,,,类型:,& # 39;文本# 39;   ,,,,,,,,,,,,,风格:,& # 39;宽度:,50%;& # 39;   ,,,,,,,,,,,,,标签:,& # 39;你,名字# 39;   ,,,,,,,,,,,}   ,,,,,,,,,)   ,,,,,,,}   ,,,,,,

如果我们把中元素间的内容,换成iframe,会是什么样呢?让我们来看一看:

,,内容:,,,,,,,,,,,//每一个内容在对话框中都是一个标签页   ,,,,,(   ,,,,,,,{   ,,,,,,,,,,,& # 39;用户# 39;,,,,,,,//内容的id   ,,,,,,,,,标签:,& # 39;你,名字# 39;   ,,,,,,,,,标题:,& # 39;你,名字# 39;   ,,,,,,,,,元素:   ,,,,,,,,,(   ,,,,,,,,,,,{   ,,,,,,,,,,,,,类型:,“html",   ,,,,,,,,,,,,,html:,“& lt; iframe  id=& # 39; myiframe& # 39;,宽度=& # 39;100% & # 39;,身高=& # 39;100% & # 39;https://www.yisu.com/zixun/, src=" http://www.163.com " + " " + " "> ”,   风格:“宽度:800 px;高度:580 px;填充:0;”   }   ]   }   ],

在这里,我们描述了我们的元素的类型是html,接着我们插入了一段html代码,也就是我们的iframe,将网易链接了进来,最后用风格标签定义了对话框的大小。保存之后,打开看看效果:

 CKEDITOR 4怎么实现对话框内嵌iframe操作

果然,我大“黄易”的首页被载入进来了,看来这个路子可行!那接下来,我们可以试着载入自己的页面了。在ckeditor_sample.html文件旁边,再新建一个文件,叫做myiframe。html,类似这样:

 CKEDITOR 4怎么实现对话框内嵌IFrame操作

打开这个文件进行编辑,填入以下代码,我们构建一个带有输入框和复选框的页面:

& lt; html>   & lt;才能head> & lt;/head>   & lt;才能body>   ,,,& lt; div>   ,,,,,姓名:,& lt; input 类型=皌ext", id=皍sername", name=皍sername" https://www.yisu.com/zixun/, value="/>
  《c++从入门到放弃》   《头设计模式》   
  《思维在Java》   《姜哥的django匠人生活》   
     

然后把myplug。js中元素段的内容改成下面这样,将iframe的src指向我们自己的创建的页面:

,,内容:,,,,,,,,,,,//每一个内容在对话框中都是一个标签页   ,,,,,(   ,,,,,,,{   ,,,,,,,,,,,& # 39;用户# 39;,,,,,,,//内容的id   ,,,,,,,,,标签:,& # 39;你,名字# 39;   ,,,,,,,,,标题:,& # 39;你,名字# 39;   ,,,,,,,,,元素:   ,,,,,,,,,(   ,,,,,,,,,,,{   ,,,,,,,,,,,,,类型:,“html",   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

CKEDITOR 4怎么实现对话框内嵌IFrame操作