From 3453ad540f74a8778a2e5e790f32fd3688fcaa71 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 18 Mar 2024 14:27:22 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=9B=BE=E8=A1=A8):=20=E5=AF=8C=E6=96=87?=
 =?UTF-8?q?=E6=9C=AC=E8=A7=86=E5=9B=BE=E5=A2=9E=E5=8A=A0=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E5=AD=97=E6=AE=B5=E6=97=A2=E5=8F=AF=E9=80=89=E4=B8=AD=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E6=A0=B7=E5=BC=8F=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../rich-text/DeRichTextView.vue              |   8 +-
 .../rich-text/DeRichTextViewBack.vue          | 198 ------------------
 2 files changed, 5 insertions(+), 201 deletions(-)
 delete mode 100644 core/core-frontend/src/custom-component/rich-text/DeRichTextViewBack.vue

diff --git a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
index 37d80a5c41..27e68ab32d 100644
--- a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
+++ b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
@@ -5,6 +5,7 @@
     @keydown.stop
     @keyup.stop
     @dblclick="setEdit"
+    @click="onClick"
   >
     <chart-error v-if="isError" :err-msg="errMsg" />
     <Editor
@@ -14,7 +15,6 @@
       class="custom-text-content"
       :init="init"
       :disabled="!canEdit || disabled"
-      @onClick="onClick"
     />
     <div
       class="rich-placeholder"
@@ -232,8 +232,10 @@ const fieldSelect = field => {
   snapshotStore.resetStyleChangeTimes()
 }
 const onClick = () => {
-  const node = tinymce.activeEditor.selection.getNode()
-  resetSelect(node)
+  if (canEdit.value) {
+    const node = tinymce.activeEditor.selection.getNode()
+    resetSelect(node)
+  }
 }
 const resetSelect = (node?) => {
   const edInner = tinymce.get(tinymceId)
diff --git a/core/core-frontend/src/custom-component/rich-text/DeRichTextViewBack.vue b/core/core-frontend/src/custom-component/rich-text/DeRichTextViewBack.vue
deleted file mode 100644
index 34e56b8155..0000000000
--- a/core/core-frontend/src/custom-component/rich-text/DeRichTextViewBack.vue
+++ /dev/null
@@ -1,198 +0,0 @@
-<template>
-  <div
-    class="rich-main-class dark-theme"
-    :class="{ 'edit-model': canEdit, 'dark-theme': themes === 'dark' }"
-    @dblclick="setEdit"
-  >
-    <Editor
-      v-if="editShow"
-      :id="tinymceId"
-      v-model="myValue"
-      style="width: 100%; height: 100%"
-      :init="init"
-      :disabled="!canEdit"
-      @onClick="onClick"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { formatDataEaseBi } from '@/utils/url'
-import tinymce from 'tinymce/tinymce' // tinymce默认hidden，不引入不显示
-import Editor from '@tinymce/tinymce-vue' // 编辑器引入
-import 'tinymce/themes/silver/theme' // 编辑器主题
-import 'tinymce/icons/default' // 引入编辑器图标icon，不引入则不显示对应图标
-// 引入编辑器插件（基本免费插件都在这儿了）
-import 'tinymce/plugins/advlist' // 高级列表
-import 'tinymce/plugins/autolink' // 自动链接
-import 'tinymce/plugins/link' // 超链接
-import 'tinymce/plugins/image' // 插入编辑图片
-import 'tinymce/plugins/lists' // 列表插件
-import 'tinymce/plugins/charmap' // 特殊字符
-import 'tinymce/plugins/media' // 插入编辑媒体
-import 'tinymce/plugins/wordcount' // 字数统计
-import 'tinymce/plugins/table' // 表格
-import 'tinymce/plugins/contextmenu' // contextmenu
-import 'tinymce/plugins/directionality'
-import 'tinymce/plugins/nonbreaking'
-import 'tinymce/plugins/pagebreak'
-import { computed, nextTick, PropType, ref, toRefs, watch } from 'vue'
-const props = defineProps({
-  terminal: {
-    type: String,
-    default: 'pc'
-  },
-  propValue: {
-    type: String,
-    require: true
-  },
-  element: {
-    type: Object
-  },
-  editMode: {
-    type: String,
-    require: false,
-    default: 'edit'
-  },
-  active: {
-    type: Boolean,
-    require: false,
-    default: false
-  },
-  // 是否禁用
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  themes: {
-    type: String as PropType<EditorTheme>,
-    default: 'dark'
-  }
-})
-
-const { element, editMode, active } = toRefs(props)
-const emits = defineEmits(['onClick'])
-
-const editShow = ref(true)
-const canEdit = ref(false)
-// 初始化配置
-const tinymceId = 'tinymce-view-' + element.value['id']
-const myValue = ref(element.value.propValue.textValue)
-const init = ref({
-  selector: '#' + tinymceId,
-  toolbar_items_size: 'small',
-  language_url: formatDataEaseBi('/tinymce-dataease-private/langs/zh_CN.js'), // 汉化路径是自定义的，一般放在public或static里面
-  language: 'zh_CN',
-  skin_url: formatDataEaseBi('/tinymce-dataease-private/skins/ui/oxide'), // 皮肤
-  content_css: formatDataEaseBi('/tinymce-dataease-private/skins/content/default/content.css'),
-  plugins:
-    'advlist autolink link image lists charmap  media wordcount table contextmenu directionality pagebreak', // 插件
-  // 工具栏
-  toolbar:
-    'undo redo |fontselect fontsizeselect |forecolor backcolor bold italic |underline strikethrough link| alignleft aligncenter alignright |' +
-    'formatselect | bullist numlist |' +
-    ' blockquote subscript superscript removeformat | table image media | fullscreen ' +
-    '| bdmap indent2em lineheight formatpainter axupimgs',
-  toolbar_location: '/',
-  font_formats:
-    '微软雅黑=Microsoft YaHei;宋体=SimSun;黑体=SimHei;仿宋=FangSong;华文黑体=STHeiti;华文楷体=STKaiti;华文宋体=STSong;华文仿宋=STFangsong;Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings',
-  fontsize_formats: '12px 14px 16px 18px 20px 22px 24px 28px 32px 36px 48px 56px 72px', // 字体大小
-  menubar: false,
-  placeholder: '双击锁定富文本',
-  inline: true, // 开启内联模式
-  branding: false
-})
-
-const editStatus = computed(() => editMode.value === 'edit')
-
-watch(
-  () => active.value,
-  val => {
-    if (!val) {
-      element.value['editing'] = false
-      canEdit.value = false
-      reShow()
-    }
-  }
-)
-
-watch(
-  () => element.value.propValue.textValue,
-  newValue => {
-    myValue.value = newValue == null ? '' : newValue
-  }
-)
-
-watch(
-  () => myValue.value,
-  newValue => {
-    element.value.propValue.textValue = newValue
-  }
-)
-
-const onClick = e => {
-  emits('onClick', e, tinymce)
-}
-const setEdit = () => {
-  if (editStatus.value) {
-    canEdit.value = true
-    element.value['editing'] = true
-    reShow()
-  }
-}
-const reShow = () => {
-  editShow.value = false
-  nextTick(() => {
-    editShow.value = true
-  })
-}
-</script>
-
-<style lang="less" scoped>
-.edit-model {
-  cursor: text;
-}
-
-.rich-main-class {
-  color: #00feff;
-  width: 100%;
-  height: 100%;
-  overflow-y: auto !important;
-  position: relative;
-}
-
-::-webkit-scrollbar {
-  width: 0px !important;
-  height: 0px !important;
-}
-
-:deep(ol) {
-  display: block !important;
-  list-style-type: decimal;
-  margin-block-start: 1em !important;
-  margin-block-end: 1em !important;
-  margin-inline-start: 0px !important;
-  margin-inline-end: 0px !important;
-  padding-inline-start: 40px !important;
-}
-
-:deep(ul) {
-  display: block !important;
-  list-style-type: disc;
-  margin-block-start: 1em !important;
-  margin-block-end: 1em !important;
-  margin-inline-start: 0px !important;
-  margin-inline-end: 0px !important;
-  padding-inline-start: 40px !important;
-}
-
-:deep(li) {
-  display: list-item !important;
-  text-align: -webkit-match-parent !important;
-}
-
-:deep(p) {
-  margin: 0px;
-  padding: 0px;
-}
-</style>