<!--用父容器来控制宽度-->

<div style="width:800px">

    <!--用当前元素来控制高度-->

    <textarea id="textarea1" style="height:400px;max-height:500px;">

        <p>请输入内容...</p>

    </textarea>

</div>

<button id="btn1">获取内容</button>

<script type="text/javascript" src="<%=path %>/resources/dist/js/lib/jquery-1.10.2.min.js"></script>

    <script type="text/javascript" src="<%=path %>/resources/dist/js/wangEditor.min.js"></script>

    <script type="text/javascript">

        var editor = new wangEditor('textarea1');

        // 上传图片（举例）

        editor.config.uploadImgUrl = '<%=path %>/uploads';

        // 设置 headers（举例）

        editor.config.uploadHeaders = {

            'Accept' : 'multipart/form-data'

        };

        // 设置 headers（举例）

        editor.config.uploadImgFileName = 'myFileName';

        editor.create();

        $('#btn1').click(function () {

            // 获取编辑器区域完整html代码

            var html = editor.$txt.html();

            // 获取编辑器纯文本内容

            var text = editor.$txt.text();

            // 获取格式化后的纯文本

            var formatText = editor.$txt.formatText();

            alert(html);

        });

    </script>

/*测试文件上传*/

    @RequestMapping("/uploads")

    public @ResponseBody String uploads(HttpServletRequest request, @RequestParam("myFileName") MultipartFile file){

        String url = null;

        try {

            url = 只要能上传文件，并且返回文件在服务器上的相对路径即可。

        } catch (IOException e) {

            e.printStackTrace();

        }

        return request.getServletContext().getContextPath() + url;

    }