From 35c7b841f41398ab270d9316e41e841ec6bfd9c0 Mon Sep 17 00:00:00 2001
From: chengkun <chengkun@ishangstudy.com>
Date: Mon, 15 Sep 2025 15:00:41 +0800
Subject: [PATCH] 提交
---
app/admin/view/blog/add.html | 98 ++++++++++++-------------------------------------
1 files changed, 24 insertions(+), 74 deletions(-)
diff --git a/app/admin/view/blog/add.html b/app/admin/view/blog/add.html
index 2d03164..091dce7 100644
--- a/app/admin/view/blog/add.html
+++ b/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,21 +92,22 @@
<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">
<template v-if="addBlogForm.cover_img">
<div>
<img :src="addBlogForm.cover_img" class="avatar" />
- <el-button type="danger" icon="Delete"></el-button>
+ <!-- <el-button type="danger" icon="Delete"></el-button> -->
</div>
</template>
<el-icon v-else class="avatar-uploader-icon">
@@ -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,76 +265,16 @@
selector: '#toolbar-container-en',
config: toolbarConfigEn,
mode: 'default', // or 'simple'
- })
-</script>
-<script>
- /**
- * 富文本编辑器
- */
- // var E = window.wangEditor
- // const editor = new E('#editer_data')
- // var textarea = $('#content')
+ });
- // editor.config.onchange = function (html) {
- // // 监控变化，同步更新到 textarea
- // textarea.val(html)
- // }
- // // editor.config.onblur = function (html) {
- // // // 编辑区域失去焦点后的操作，保存内容
- // // save_reading_data();
- // // }
-
- // //设置提示文字
- // editor.config.placeholder = '请输入文章内容...'
-
- // //设置编辑区域z-index
- // editor.config.zIndex = 100
-
- // // 自定义菜单配置
- // editor.config.menus = [
- // 'bold',
- // 'fontSize',
- // 'italic',
- // 'underline',
- // 'strikeThrough',
- // 'indent',
- // 'lineHeight',
- // 'foreColor',
- // 'backColor',
- // 'link',
- // 'list',
- // 'justify',
- // 'image',
- // ]
-
- // //粘贴内容去掉图片
- // editor.config.pasteIgnoreImg = true
-
- // // 配置粘贴文本的内容处理
- // editor.config.pasteTextHandle = function (pasteStr) {
- // // 对粘贴的文本进行处理，然后返回处理后的结果
- // return pasteStr.replace(/<[^>]+>/g, "");
- // }
-
- // //上传图片服务端地址
- // editor.config.uploadImgServer = "/admin/upload/index_v1.html"
-
- // // 隐藏“网络图片”tab
- // editor.config.showLinkImg = false
-
- // // 将图片大小限制为 10M
- // editor.config.uploadImgMaxSize = 20 * 1024 * 1024
-
- // // 限制一次最多上传 20 张图片
- // editor.config.uploadImgMaxLength = 20
-
- // //编辑器初始化
- // editor.create()
-
- // // 初始化 textarea 的值
- // textarea.val(editor.txt.html())
- ////////////////////////////////////////富文本编辑器-end//////////////////////////////////
+ function setHtmlValue(html, type = 1) {
+ if (type == 1) {
+ editor.setHtml(html);
+ } else {
+ editor_en.setHtml(html);
+ }
+ }
</script>
</html>
\ No newline at end of file
--
Gitblit v1.9.0