customizeToolbarUIDemo.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>完整demo</title>
  5. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  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. <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
  10. <script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js"></script>
  11. <!--添加按钮-->
  12. <script type="text/javascript" charset="utf-8" src="addCustomizeButton.js"></script>
  13. <!--添加下拉菜单-->
  14. <script type="text/javascript" charset="utf-8" src="addCustomizeCombox.js"></script>
  15. <!--添加弹出层-->
  16. <script type="text/javascript" charset="utf-8" src="addCustomizeDialog.js"></script>
  17. <style type="text/css">
  18. .clear {
  19. clear: both;
  20. }
  21. div{
  22. width:100%;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <div>
  28. <h1>二次开发demo</h1>
  29. <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
  30. </div>
  31. </body>
  32. <script type="text/javascript">
  33. //实例化编辑器
  34. //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
  35. UE.getEditor('editor',{
  36. //清空了工具栏
  37. toolbars:[['combox','bold','button','dialog']]
  38. });
  39. </script>
  40. </html>