富文本框输入版本变化

KKSU

2023-12-18 fde61254904bc031b85de49a26de9124fb4c89b2

 src/main/resources/templates/febs/views/modules/goods/goodsAddNew.html

@@ -170,14 +170,25 @@
                                            </div>
                                        </div>

<!--                                        <div class="layui-form-item">-->
<!--                                            <label class="layui-form-label febs-form-item-require">商品详情：</label>-->
<!--                                            <div class="layui-input-block">-->
<!--                                                <textarea id="goodsDetailEditAdd" lay-verify="content" name = "goodsDetails" class="layui-textarea"></textarea>-->
<!--&lt;!&ndash;                                                <div style="border: 1px solid #ccc;">&ndash;&gt;-->
<!--&lt;!&ndash;                                                    <div id="toolbar-container-good-add" style="border-bottom: 1px solid #ccc;"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                                                    <div id="editor-container-good-add" style="height: 450px;"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                                                </div>&ndash;&gt;-->
<!--                                            </div>-->
<!--                                        </div>-->

                                        <div class="layui-form-item">
                                            <label class="layui-form-label febs-form-item-require">商品详情：</label>
                                            <div class="layui-input-block">
                                                <textarea id="goodsDetailEditAdd" lay-verify="content" name = "goodsDetails" class="layui-textarea"></textarea>
<!--                                                <div style="border: 1px solid #ccc;">-->
<!--                                                    <div id="toolbar-container-good-add" style="border-bottom: 1px solid #ccc;"></div>-->
<!--                                                    <div id="editor-container-good-add" style="height: 450px;"></div>-->
<!--                                                </div>-->
<!--                                                <textarea id="goodsDetailEditAdd" lay-verify="content" name = "goodsDetails" class="layui-textarea"></textarea>-->
                                                <div style="border: 1px solid #ccc;">
                                                    <div id="toolbar-container" class="toolbar"></div>
                                                    <div id="text-container" class="text" style="height: 450px;"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
@@ -366,6 +377,32 @@
            element = layui.element;

        form.render();
        const E = window.wangEditor;
        const editor = new E('#toolbar-container', '#text-container'); // 传入两个元素
        editor.config.showLinkImg = false;
        editor.config.uploadFileName = 'file';
        editor.config.customUploadImg = function (files, insertImgFn) {
            // files 是 input 中选中的文件列表
            // insertImgFn 是获取图片 url 后，插入到编辑器的方法
            // 上传图片，返回结果，将图片插入到编辑器中
            for (let i = 0; i < files.length; i++){
                var form = new FormData();
                form.append("file", files[0]);
                $.ajax({
                    url:'/admin/goods/uploadFileBase64',
                    type: "post",
                    processData: false,
                    contentType: false,
                    data: form,
                    dataType: 'json',
                    success(res) {
                        // 上传代码返回结果之后，将图片插入到编辑器中
                        insertImgFn(res.data.src, res.data.title, '')
                    }
                })
            }
        };
        editor.create();

        // var E = window.wangEditor;
        // const editorConfig = { MENU_CONF: {} };
@@ -766,6 +803,7 @@
            // let content = layedit.getContent();
            // alert(content);
            // data.field.goodsDetails = content;
            data.field.goodsDetails = editor.txt.html();
            $.ajax({
                'url':ctx + 'admin/goods/addMallGoods',
                'type':'post',