I'm trying to create a plugin in which I can use a video lightbox. The user has to enter a youtube link, hit submit and then I enter the data into the editor.
For text and when having nothing selected, it all works fine. When however I select an image that I added to the editor using the "images" button, I cannot seem to get the correct data e.g. <img src="img.jpg">. I always get an empty string. What is the correct code to get what I want?
This is my onOk function:
Thanks in advance
For text and when having nothing selected, it all works fine. When however I select an image that I added to the editor using the "images" button, I cannot seem to get the correct data e.g. <img src="img.jpg">. I always get an empty string. What is the correct code to get what I want?
This is my onOk function:
onOk: function () { var selectedText = ""; for (var i = 0; i < window.frames.length; i++) { if (window.frames[i].name == 'iframeYoutubeEmbed') { var content = window.frames[i].document.getElementById("embed").value; } } var mySelection = editor.getSelection(); if (CKEDITOR.env.ie) { mySelection.unlock(true); selectedText = mySelection.getNative().createRange().text; } else { selectedText = mySelection.getNative(); } if (selectedText == "") { selectedText = content; } final_html = '<p><a rel="#voverlay" href="' + content + '" class="Youtube_embed">' + selectedText + '</a></p>'; editor.insertHtml(final_html); }
Thanks in advance