从CKEDITOR.dialog的onOk中插入iframe
Insert iframe in div from onOk of CKEDITOR.dialog
我使用CKEditor,当用户单击对话框中的OK按钮时,我在编辑器中的div元素中插入iframe有问题。这行不通。当用户单击按钮时,什么也没有发生(我没有错误消息)。所以他应该关闭弹出窗口在编辑器中插入一个包含iframe的div
你能帮我吗?
这是我的代码:
CKEDITOR.dialog。add('postVideoDialog', function(editor) {
return { title : 'Add Video', minWidth : 400, minHeight : 80, contents : [ { id : 'video', label : 'Add Video', elements : [ { type : 'text', id : 'url', label : 'Enter a URL from Vimeo :', validate : function() { var url = this.getValue(); var regex1=/^(http:'/'/)vimeo.com'/[0-9]{3,}$/g; var regex2=/^(http:'/'/)player.vimeo.com'/video'/[0-9]{3,}$/g; if(regex1.test(url) || regex2.test(url)){ return true }else{ alert("Url incorrect"); return false; } }, required : true, commit : function( data ) { data.url = this.getValue(); } }, ] } ], onOk : function() { var dialog = this, data = {}, iframe = editor.document.createElement( 'iframe' ), div = editor.document.createElement('div'); this.commitContent( data ); var regex=/^(http:'/'/)vimeo.com'/[0-9]{3,}$/g; //http://vimeo.com/25329849 if(regex.test(data.url)){ var idVideo = data.url.match(/[0-9]{3,}$/g); data.url = "http://player.vimeo.com/video/" + idVideo; } div.setAttribute('class', 'video'); iframe.setAttribute( 'src', data.url + "?byline=0&portrait=0&color=ffffff"); iframe.setAttribute( 'width', '620' ); iframe.setAttribute( 'width', '349' ); iframe.setAttribute( 'frameborder', '0'); div.insertElement(iframe); //problem is here ! editor.insertElement(div); } }; });
找到了…
请阅读文档:docs.ckeditor.com/#!/api/CKEDITOR.dom.element
元素没有insertElement方法。这是编辑器的一个方法,试试这个:
iframe.appendTo(div); //problem is solved here!
editor.insertElement(div);
代替之前的代码:
div.insertElement(iframe); //problem is here !
editor.insertElement(div);
相关文章:
- 将样式表插入iframe
- 在iframe代码中动态插入子id
- 插入<脚本>使用jQuery将其转换为iframe
- 如何将javascript文件插入到iframe中,然后调用插入的javascript中的函数
- 在html中插入iframe的适当位置
- 在页面加载后插入 YouTube iframe
- 插入内容后,Iframe 中的单击处理程序不起作用
- 使用 Javascript 插入 iFrame
- 在插入符号 (IE) 处将 HTML 插入 iFrame 中
- 在 AngularJS 中插入来自可信源的 iframe
- 在 Chrome.tabs.onUpdate 侦听器上插入 iframe
- 非动态插入 YouTube 播放器 iframe 不会触发事件
- 将内容插入 iframe javascript
- 如何在 iFrame c# 和 JavaScript 中插入 Gridview
- 如何通过插入其中的按钮来删除父 iframe
- 如何使用ajax插入iFrame/PHP
- 如何使用仪表板在wordpress中插入iframe
- 从CKEDITOR.dialog的onOk中插入iframe
- 使用JavaScript/jQuery将多行HTML插入iframe的正确方法
- 使用Javascript将表插入IFRAME