test-createbyelem.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>wangEditor2 test</title>
  6. <link rel="stylesheet" type="text/css" href="../dist/css/wangEditor.min.css">
  7. <style type="text/css">
  8. #editor-trigger {
  9. height: 400px;
  10. /*max-height: 500px;*/
  11. }
  12. .container {
  13. width: 100%;
  14. margin: 0 auto;
  15. position: relative;
  16. }
  17. </style>
  18. </head>
  19. <body style="padding:0 20px;">
  20. <p>wangEditor2.0 支持 IE8 浏览器</p>
  21. <div id="editor-container" class="container">
  22. <!-- <div id="editor-trigger">
  23. <p>请输入内容...</p>
  24. </div> -->
  25. <textarea id="editor-trigger" style="display:none;">
  26. <p>请输入内容...</p>
  27. </textarea>
  28. </div>
  29. <p><br></p>
  30. <script type="text/javascript" src="../dist/js/lib/jquery-1.10.2.min.js"></script>
  31. <script type="text/javascript" src="../dist/js/wangEditor.js"></script>
  32. <!--<script type="text/javascript" src="../dist/js/wangEditor.min.js"></script>-->
  33. <script type="text/javascript">
  34. var elem = $('#editor-trigger').get(0);
  35. // 通过 elem 创建编辑器
  36. var editor = new wangEditor(elem);
  37. // 上传图片
  38. editor.config.uploadImgUrl = '/upload';
  39. // 表情显示项
  40. editor.config.emotionsShow = 'value';
  41. editor.create();
  42. </script>
  43. </body>
  44. </html>