multiDemo.html 1.3 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. </head>
  9. <body>
  10. <h1>UEditor多实例</h1>
  11. <!--style给定宽度可以影响编辑器的最终宽度-->
  12. <script type="text/plain" id="myEditor1" style="margin-bottom:100px;">
  13. </script>
  14. <script type="text/plain" id="myEditor2" style="margin-bottom:100px;">
  15. <p>这里我可以写一些输入提示</p>
  16. </script>
  17. <script type="text/plain" id="myEditor3" style="margin-bottom:100px;">
  18. </script>
  19. <script type="text/javascript">
  20. UE.getEditor('myEditor1', {
  21. theme:"default", //皮肤
  22. lang:'zh-cn' //语言
  23. });
  24. UE.getEditor('myEditor2', {
  25. autoClearinitialContent:true, //focus时自动清空初始化时的内容
  26. wordCount:false, //关闭字数统计
  27. elementPathEnabled:false//关闭elementPath
  28. });
  29. UE.getEditor('myEditor3', {
  30. //toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','Bold']],//这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
  31. lang:"en"
  32. //更多其他参数,请参考ueditor.config.js中的配置项
  33. });
  34. </script>
  35. </body>
  36. </html>