simpleDemo.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  6. <title></title>
  7. <script type="text/javascript" charset="utf-8" src="../editor_config.js"></script>
  8. <!--使用版-->
  9. <!--<script type="text/javascript" charset="utf-8" src="../editor_all.js"></script>-->
  10. <!--开发版-->
  11. <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
  12. <link rel="stylesheet" type="text/css" href="../themes/default/ueditor.css"/>
  13. </head>
  14. <body>
  15. <h1>UEditor简单功能</h1>
  16. <!--style给定宽度可以影响编辑器的最终宽度-->
  17. <script type="text/plain" id="myEditor" style="width:1000px">
  18. <p>这里我可以写一些输入提示</p>
  19. </script>
  20. <script type="text/javascript">
  21. // 自定义的编辑器配置项,此处定义的配置项将覆盖editor_config.js中的同名配置
  22. var editorOption = {
  23. //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
  24. toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','Bold']],
  25. //focus时自动清空初始化时的内容
  26. autoClearinitialContent:true,
  27. //关闭字数统计
  28. wordCount:false,
  29. //关闭elementPath
  30. elementPathEnabled:false
  31. //更多其他参数,请参考editor_config.js中的配置项
  32. };
  33. var editor_a = new baidu.editor.ui.Editor(editorOption);
  34. editor_a.render( 'myEditor' );
  35. </script>
  36. </body>
  37. </html>