setWidthHeightDemo.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  5. <title></title>
  6. <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
  7. <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
  8. <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
  9. <script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js"></script>
  10. </head>
  11. <body>
  12. <h1>UEditor设置宽高demo</h1>
  13. <h2><span style="color:red">这里的宽高都只是编辑区域的宽高,不包括工具栏的高度和状态栏的高度</span></h2>
  14. <h2>容器给定编辑器的宽高</h2>
  15. <script type="text/plain" id="myEditor" style="width:500px;height:500px"></script>
  16. <div style="clear:both"></div>
  17. <h2>初始化时给定编辑器的宽高</h2>
  18. <script type="text/plain" id="myEditor1" ></script>
  19. <h2>没有工具栏的编辑器</h2>
  20. <div id="myEditor2" style="width:700px;height:300px;border:1px solid #ccc"></div>
  21. <script type="text/javascript">
  22. //根据容器的宽高
  23. //容器给定高度
  24. UE.getEditor('myEditor');
  25. UE.getEditor('myEditor1',{
  26. initialFrameWidth : 600,
  27. initialFrameHeight: 600
  28. });
  29. var noToolbar = new UE.Editor();
  30. noToolbar.render('myEditor2',{
  31. autoFloatEnabled : false
  32. })
  33. </script>
  34. </body>
  35. </html>