WangEditor实现富文本编辑和图片上传

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
   <!--文本显示区域，名字id是editor-->
        <div id="editor">

        </div>
        <!--引入wangEditor中的js文件-->
        <script type="text/javascript" src="wangEditor/release/wangEditor.min.js"></script>
       <!--初始化富文本编辑器-->
        <script type="text/javascript">
            var E = window.wangEditor
            var editor = new E('#editor')
            // 或者 var editor = new E( document.getElementById('editor') )
            //这里我们选用base64来上传图片 
            editor.customConfig.uploadImgShowBase64 = true
            editor.customConfig.uploadImgMaxSize = 3 * 1024 * 1024
            editor.customConfig.uploadImgMaxLength = 5
            editor.create()
        </script>