Selaa lähdekoodia

优化子任务编辑描述富文本失效问题

qinzhipeng_v@didiglobal.com 4 vuotta sitten
vanhempi
sitoutus
df2b8a38c5

+ 13 - 4
src/components/input/textArea.vue

@@ -24,12 +24,12 @@
             class="icon"
           />
         </span>
-        <el-tooltip effect="dark" content="单击‘编辑’" placement="bottom">
-          <editor :id="'tinymce_'+id" v-model="inputValue" :class="'tinymce_'+id" :init="init" @input="changeText" />
-        </el-tooltip>
+        <editor :id="'tinymce_'+id" v-model="inputValue" :class="'tinymce_'+id" :init="init" @input="changeText" />
       </div>
       <div v-show="!isEmpty && !edit">
-        <pre class="text-pre" @click="ImmediateAddition" v-html="handlerText(value)" />
+        <el-tooltip effect="dark" content="单击‘编辑’" placement="bottom">
+          <pre class="text-pre" @click="ImmediateAddition" v-html="handlerText(value)" />
+        </el-tooltip>
       </div>
       <div :id="'inputUpload_'+id" style="display: none" @click.stop="blur_textarea" />
       <div v-show="edit" class="control">
@@ -48,6 +48,15 @@ import 'tinymce/themes/silver/theme'
 import 'tinymce/icons/default/icons'
 import 'tinymce/plugins/table'
 
+import 'tinymce/plugins/image'
+import 'tinymce/plugins/media'
+import 'tinymce/plugins/lists'
+import 'tinymce/plugins/contextmenu'
+import 'tinymce/plugins/wordcount'
+import 'tinymce/plugins/colorpicker'
+import 'tinymce/plugins/textcolor'
+import 'tinymce/skins/ui/oxide/skin.css'
+
 export default {
   components: {
     Editor

+ 1 - 1
src/views/projectManage/taskList/childrenTask/childDrawer.vue

@@ -121,7 +121,7 @@
           <div class="title-left-name">描述</div>
         </div>
         <div>
-          <text-area :id="'pro-desc'" :value.sync="formData.remark" :empty-text="'点击'" :input-button="'添加描述'" @change="changeArea('remark')" />
+          <text-area :id="'pro-descs'" :value.sync="formData.remark" :empty-text="'点击'" :input-button="'添加描述'" @change="changeArea('remark')" />
         </div>
       </section>
       <!-- 子任务列表 -->