textareaDemo.html 891 B

12345678910111213141516171819202122232425262728293031323334
  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. <style type="text/css">
  9. #myEditor{
  10. width: 500px;
  11. height: 300px;
  12. }
  13. </style>
  14. </head>
  15. <body>
  16. <h1>文本域渲染编辑器</h1>
  17. <!--style给定宽度可以影响编辑器的最终宽度-->
  18. <textarea id="myEditor">这里是原始的textarea中的内容,可以从数据中读取</textarea>
  19. <br/>
  20. <input type="button" onclick="render()" value="渲染编辑器">
  21. <script type="text/javascript">
  22. //渲染编辑器
  23. function render(){
  24. UE.getEditor('myEditor')
  25. }
  26. </script>
  27. </body>
  28. </html>