Ck 编辑器未在弹出窗口中显示 javascript

Question

我将代码 ckeditor 放在我的网站中，但 ck 编辑器未显示在弹出窗口中 javascript，之前我尝试将 ckeditor 不使用弹出窗口。这个ck编辑器工作。但我输入 javascript popt 不工作。

这是我使用 javascript 弹出窗口 的屏幕截图

这是我的屏幕截图，没有使用 javascript 弹出窗口

这是我的脚本

<script src="element/ckeditor/ckeditor.js"></script>
<script>
        //ADD News
function news_add()
    {
        var content = '<div id="dialog_confirm_add" title="Create News"> ';
                    content += '        <table width="100%"> ';
                    content += '        <tr >';
                    content += '            <td width="35%">Title</td>';
                    content += '            <td>:</td>';
                    content += '            <td width="65%"><input  style="width:100%" type="text" name="title" id="title" value=""  class="text ui-widget-content ui-corner-all" /></td>';
                    content += '        </tr>';
                    content += '        <tr>';
                    content += '            <td>Content</td>';
                    content += '            <td>:</td>';
                    content += '            <td><textarea  style="width:100%" name="content" id="content" value=""  class="ckeditor" /></textarea></td>';
                    content += '        </tr>';
                    content +='     </table>';
                    content +='</div>';
                    $('body').append(content);

        $('#dialog_confirm_add').dialog({
            resizable: true,
            width: 500,
            height: 200, 
            modal: true,
            close: function destroy_dialog() {
                $( this ).dialog( 'destroy' );

                var bd = document.getElementsByTagName('body')[0];
                var dlg = document.getElementById('dialog_confirm_add');
                bd.removeChild(dlg);
            },
            buttons: {
                'Save': function() {

                                var data=[];    
                                var data_site_grid="";
                                insert_data();
                            mydata=[];
                },
                Cancel: function() {
                    $( this ).dialog( 'close' );
                    mydata=[];

                }
            }
        });

    }
        </script>

Answer 1

初始化您正在插入的新文本区域在新元素之后附加 ckeditor 脚本：

var s=document.createElement('script');
s.type='text/javascript';
s.src='//cdn.ckeditor.com/4.4.7/standard/ckeditor.js';
$('body').append(s);

只要页面上包含 ckeditor.js，就应该重新扫描页面中的 textarea 元素并更改为 ckeditor。

http://jsfiddle.net/96d9102L/1/

Ck 编辑器未在弹出窗口中显示 javascript

Ck editor not show in popup javascript

javascript

html

popup

ckeditor

popupwindow