ck编辑器没有在弹出式javascript中显示

时间:2015-06-02 17:42:57

标签: javascript html popup ckeditor popupwindow

我把代码ckeditor放在我的网站上,但是ck编辑器没有显示在弹出的javascript中,之前我尝试把ckeditor不使用弹出窗口。这个ck编辑工作。 但是我把javascript popt放进去了。

这是我使用javascript弹出窗口的屏幕截图 enter image description here

这是我不使用javascript弹出窗口的屏幕截图 enter image description here

这是我的剧本

<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>

1 个答案:

答案 0 :(得分:2)

初始化要插入的新文本区域 在新元素之后追加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/