| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>wangEditor2 test</title>
- <link rel="stylesheet" type="text/css" href="../dist/css/wangEditor.min.css">
- <style type="text/css">
- #div1,#div2 {
- width: 100%;
- height: 150px;
- }
- </style>
- </head>
- <body style="padding:0 20px;">
- <p>wangEditor2.0 demo演示(功能尚未开发完成),支持 IE8+ 浏览器</p>
- <div class="container">
- <div id="div1">
- <h3>标题标题1</h3>
- <p>请输入内容111</p>
- <p><a href="#">链接链接1</a></p>
- </div>
- <p>------- 分割线 -------</p>
- <div id="div2">
- <h3>标题标题2</h3>
- <p>请输入内容222</p>
- <p><a href="#">链接链接2</a></p>
- </div>
- </div>
- <p>底部test</p>
-
-
- <script type="text/javascript" src="../dist/js/lib/jquery-1.10.2.min.js"></script>
- <script type="text/javascript" src="../dist/js/wangEditor.js"></script>
- <script type="text/javascript">
- $(function () {
-
- var editor1 = new wangEditor('div1');
- var editor2 = new wangEditor('div2');
- // editor2.config.menus = [
- // 'source',
- // '|',
- // 'bold',
- // 'underline',
- // 'italic',
- // 'strikethrough',
- // 'eraser',
- // 'forecolor',
- // 'bgcolor',
- // '|',
- // 'quote',
- // 'fontfamily',
- // 'fontsize',
- // 'head',
- // 'unorderlist',
- // 'orderlist',
- // 'alignleft',
- // 'aligncenter',
- // 'alignright',
- // '|',
- // 'link',
- // 'unlink',
- // 'table',
- // 'emotion',
- // '|',
- // 'img',
- // 'video',
- // // 'location',
- // 'insertcode',
- // '|',
- // 'undo',
- // 'redo',
- // 'fullscreen'
- // ];
- if (window.console) {
- console.log(editor1);
- console.log(editor2);
- }
- editor1.config.uploadImgUrl = '/upload';
- editor2.config.uploadImgUrl = '/upload';
- editor1.create();
- editor2.create();
- // 避免上面编辑器的 dropPanel 被下面的编辑器遮挡
- editor1.$editorContainer.css('z-index', 20)
- editor2.$editorContainer.css('z-index', 10)
- });
- </script>
- </body>
- </html>
|