Ckeditor 适合父区域_Ckeditor_Height

Ckeditor 适合父区域

ckeditor

Ckeditor 适合父区域,ckeditor,height,Ckeditor,Height,我在测试我的编辑。我正在尝试创建一个适合放置它的“div”的ckeditor。这是我尝试过的，但只在启动时起作用，不适用于调整窗口大小有没有一个简单的方法来适应这个部门的位置？谢谢 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="jque

我在测试我的编辑。我正在尝试创建一个适合放置它的“div”的ckeditor。这是我尝试过的，但只在启动时起作用，不适用于调整窗口大小

有没有一个简单的方法来适应这个部门的位置？谢谢

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


函数iniciar（）
{
e=CKEDITOR.replace（'editor1'，
{uiColor:'#ccaee'，
on:{'InstanceRady'：函数（evt）
{redimensionar（）；}
}
} );
}
var-r；
功能重新定标（p1）
{
如果（p1==1）
{console.log（“e:+$（“#”）.width（）+”，“+$（“#c1”）.height（））；
log（“c1:+$（“#c1”）.width（）+”，“+$（“#c1”）.height（））；
e、 调整大小（$（“#c1”）.width（），$（“#c1”）.height（）；
}
其他的
{if（r）
清除超时（r）；
r=设置超时（redimensionar，500，1）；
}
}
我的头衔
这是一些示例文本。您正在使用
伊夫拉姆伯爵

脚