chengkun
2025-09-04 2e12809f4d16aa00239b5e2c6a13a9a51842d134
app/admin/view/blog/add.html
@@ -8,6 +8,7 @@
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <include file="common:element-plus" />
    <link rel="stylesheet" href="/static/admin/css/blog/add.css">
    <!-- 富文本编辑器 -->
    <link rel="stylesheet" href="/static/plugin/wangeditor/style.css" media="all">
    <script type="text/javascript" src="/static/plugin/wangeditor/index.js"></script>
@@ -53,6 +54,7 @@
</head>
<body>
    <input type="hidden" id="id" value="{$id}">
    <div id="vue_item" v-cloak>
        <el-container>
            <el-aside class="el-menu-container" :width="el_aside_width">
@@ -90,14 +92,15 @@
                                    <div id="toolbar-container"><!-- 工具栏 --></div>
                                    <div id="editor-container" style="height: calc(100% - 40px);"><!-- 编辑器 --></div>
                                </div>
                                <!-- <div id="editer_data" style="width: 100%;">{{addBlogForm.content}}</div>
                                <textarea name="content" id="content" style="display:none;" v-model="addBlogForm.content"></textarea> -->
                                <!-- <div id="editer_data" style="width: 100%;" v-html="addBlogForm.content"></div> -->
                                <!-- <textarea id="editer_data" style="display:none;" v-model="addBlogForm.content"></textarea> -->
                            </el-form-item>
                            <el-form-item label="内容(英文)">
                                <div id="editor—wrapper-en" class="editor—wrapper" style="height: 500px;">
                                    <div id="toolbar-container-en"><!-- 工具栏 --></div>
                                    <div id="editor-container-en" style="height: calc(100% - 40px);"><!-- 编辑器 --></div>
                                </div>
                                <!-- <div id="editer_data_en" style="width: 100%;" v-html="addBlogForm.en_content"></div> -->
                            </el-form-item>
                            <el-form-item label="封面图">
                                <el-upload class="avatar-uploader" action="/admin/blog/upload_cover_img.html" :show-file-list="false" :on-success="handleCoverImgSuccess" :before-upload="beforeCoverImgUpload">
@@ -133,7 +136,7 @@
        placeholder: '请输入中文内容...',
        onChange(editor) {
            const html = editor.getHtml();
            setHtmlValue(html);
            getHtmlValue(html);
        },
        MENU_CONF: {},
    }
@@ -167,6 +170,10 @@
        },
    }
    var editor_data = $("#editer_data").html();
    if (editor_data == '') {
        editor_data = '<p><br></p>';
    }
    const editor = createEditor({
        selector: '#editor-container',
        html: '<p><br></p>',
@@ -197,7 +204,7 @@
        placeholder: '请输入英文内容...',
        onChange(editor) {
            const html = editor.getHtml();
            setHtmlValue(html, 2);
            getHtmlValue(html, 2);
        },
        MENU_CONF: {},
    }
@@ -233,7 +240,10 @@
        },
    }
    var editor_data_en = document.getElementById('editer_data_en');
    if (editor_data_en == '') {
        editor_data_en = '<p><br></p>';
    }
    const editor_en = createEditor({
        selector: '#editor-container-en',
        html: '<p><br></p>',
@@ -255,7 +265,16 @@
        selector: '#toolbar-container-en',
        config: toolbarConfigEn,
        mode: 'default', // or 'simple'
    })
    });
    function setHtmlValue(html, type = 1) {
        if (type == 1) {
            editor.setHtml(html);
        } else {
            editor_en.setHtml(html);
        }
    }
</script>
</html>