Question

我正在测试ckeditor。我试图创建一个适合＆＃34; div＆＃34;的ckeditor。它放在哪里。这是我尝试过的，但仅适用于启动而不适用于调整大小窗口。

是否有一种简单的方法可以将ckeditor放在div所在的位置？感谢

  <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.3/themes/default/easyui.css">
        <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.3/themes/icon.css">
        <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.3/menu.css">
        <script src="jquery-easyui-1.4.3/jquery.min.js"></script>
        <script src="jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
        <script src="ckeditor/ckeditor.js"></script>
       <script>
            function iniciar()
                {
                  e= CKEDITOR.replace( 'editor1', 
                                { uiColor: '#CCEAEE' ,
                                              on: { 'instanceReady' : function( evt ) 
                                                                                      {redimensionar();}
                                                        }
                                            } );
                }

                var r;
                function redimensionar(p1)
                {
                  if (p1==1)
                    { console.log("e: " + $("#").width() +','+$("#c1").height());
                    console.log("c1: " + $("#c1").width() +','+$("#c1").height());
                    e.resize($("#c1").width(),$("#c1").height());
                    }
                    else
                    {  if (r)
                           clearTimeout(r);
                      r=setTimeout(redimensionar, 500, 1);
                    }
                }
         </script>
    </head>

    <body class="easyui-layout" onload="iniciar()" onresize="redimensionar()">

            <!-- Norte -->
            <div data-options="region:'north'" style="height:10%">
                My title
            </div>

            <!-- Centro -->
            <div  id="c1" data-options="region:'center'" style="height:80%; background:skyblue;">
                  <textarea  id="editor1"  >
                                                    <p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>

                                                    <p><iframe align="middle" frameborder="1" height="500" id="portada" longdesc="La gran portada" name="Portada" scrolling="yes" src="portada.html" style="background: green" title="La portada" width="500">Contenido iframe.</iframe></p>

                                                    <p>&nbsp;</p>
                        </textarea>
            </div>

            <!-- Pie -->
            <div data-options="region:'south'" style="height:30px">
                Foot
            </div>
     </body>
    </html>

适合父母区域

0 个答案: