修改复制图片不显示的问题

src/components/richtext/rich-edit.vue

@@ -2,7 +2,7 @@
   <div class="border border-solid border-gray-100 h-full">
     <Toolbar :editor="editorRef" :default-config="toolbarConfig" mode="default" />
     <Editor v-model="valueHtml" class="overflow-y-hidden mt-0.5" :style="style" :default-config="editorConfig"
-      mode="default" @onCreated="handleCreated" @onChange="change" />
+      mode="default" @onCreated="handleCreated" @onChange="change" @customPaste="customPaste" />
   </div>
 </template>
 
@@ -73,10 +73,22 @@ const handleCreated = (editor) => {
   valueHtml.value = props.modelValue
 }
 
+const customPaste = (editor, event, callback) => {
+  let htmlData = event.clipboardData.getData('text/html') // 获取粘贴的 html
+  htmlData = htmlData.replace('<img', '<img rel="noopener noreferrer"')
+  editor.dangerouslyInsertHtml(htmlData);
+  event.preventDefault()
+  callback(false)
+}
+
 watch(() => props.modelValue, () => {
   valueHtml.value = props.modelValue
 })
 
-</script>
+const isEmpty = () => {
+  return editorRef.value.isEmpty()
+}
 
-<style scoped lang="scss"></style>
+defineExpose({ isEmpty })
+
+</script>

src/view/content/components/articleEdit.vue

@@ -57,7 +57,8 @@
               </el-row>
               <el-form-item label="文章内容" prop="content">
                 <div v-if="showDrawer && !fullscreenLoading">
-                  <RichEdit v-model="editForm.content" media-category="article_content_imgs" style="height: 50rem;" />
+                  <RichEdit ref="contentEditorRef" v-model="editForm.content" media-category="article_content_imgs"
+                    style="height: 50rem;" />
                 </div>
               </el-form-item>
             </el-col>
@@ -140,7 +141,6 @@ import { getChannelTree } from '@/api/channel'
 import { getTagList } from '@/api/tag'
 import ChooseImg from '@/components/chooseImg/index.vue'
 import UploadCommon from '@/components/upload/common.vue'
-import UploadImage from '@/components/upload/image.vue'
 import {
   addArticle,
   updateArticle,
@@ -149,7 +149,6 @@ import {
 import { importFetcherArticleById } from '@/api/fetcher'
 import { isUrl } from '@/utils/validator'
 import { articleTypeOptions } from '@/utils/options'
-import { formatDate } from '@/utils/format'
 
 // 组件定义
 defineOptions({
@@ -166,10 +165,10 @@ const fullscreenLoading = ref(true)
 const isEdit = ref(false) // 确定是修改还是增加 isEdit = true 为修改，否则为增加
 const fetcherArticleId = ref(0) // 记录从抓取库导入的文章id
 const elEditFormRef = ref()
+const contentEditorRef = ref(null)
 
 const checkContent = (rule, value, callback) => {
-  const content = value.replace(/<\/?.+?\/?>|\r|\n|\s*/g, '')
-  if (content === '') {
+  if (contentEditorRef.value.isEmpty()) {
     callback(new Error(rule.message))
   } else {
     callback()