textareaDemo.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  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. <style type="text/css">
  13. #myEditor{
  14. width: 500px;
  15. height: 300px;
  16. }
  17. </style>
  18. <link rel="stylesheet" type="text/css" href="../themes/default/ueditor.css"/>
  19. </head>
  20. <body>
  21. <h1>UEditor简单功能</h1>
  22. <!--style给定宽度可以影响编辑器的最终宽度-->
  23. <textarea id="myEditor">这里是原始的textarea中的内容,可以从数据中读取</textarea>
  24. <br/>
  25. <input type="button" onclick="render()" value="渲染编辑器">
  26. <script type="text/javascript">
  27. var editor_a = new baidu.editor.ui.Editor();
  28. //渲染编辑器
  29. function render(){
  30. editor_a.render('myEditor');
  31. }
  32. </script>
  33. </body>
  34. </html>