暂存富文本

src/components/knowledgeExtra/AddAssess/index.vue

@@ -45,7 +45,7 @@
             <el-form-item label="标题：" label-width="100px">
               <el-input v-model.trim="table.content" />
             </el-form-item>
-            <div style="margin:0 20px">
+            <div style="margin: 0 20px">
               <el-form-item label="内容类型：" label-width="100px">
                 <el-select v-model="table.textType" placeholder="请选择">
                   <el-option label="问题选项" :value="11"> </el-option>
@@ -104,6 +104,7 @@
           @CHANGE_TABLE_ROW="CHANGE_TABLE_ROW"
           @CHANGE_TABLE="CHANGE_TABLE"
         />
+        <RichText v-if="table.textType === 12" />
       </div>
     </el-form>
   </div>
@@ -111,6 +112,7 @@
 
 <script>
 import ScaleTable from "./scale-table.vue";
+import RichText from "./rich-text.vue";
 const defaultDate = {
   groupId: "0",
   issueId: "0-0",
@@ -175,7 +177,7 @@ const defaultTable = {
   textType: 0
 };
 export default {
-  components: { ScaleTable },
+  components: { ScaleTable, RichText },
   data() {
     return {
       scaleData: {

src/components/knowledgeExtra/AddAssess/rich-text.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="rich_text">
+    <el-form-item label="内容" prop="content" label-width="160px" ref="editor">
+      <quillEditor
+        v-model="data.content"
+        :options="editorOption"
+        class="ql-editor"
+        ref="quillEditor"
+      ></quillEditor>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "rich-text "
+};
+</script>
+
+<style lang="less" scoped>
+.rich_text {
+}
+.quill-editor.ql-editor {
+  padding-left: 0 !important;
+}
+/**富文本编辑器样式修改***/
+.ql-snow .ql-picker.ql-size .ql-picker-label::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item::before,
+.ql-snow .ql-picker.ql-header .ql-picker-label::before,
+it .ql-editor,
+.quill-editor {
+  padding-top: 0px !important;
+  margin-top: -8px;
+  min-height: 48px;
+  p {
+    padding-top: 8px;
+  }
+}
+.ql-editor.ql-blank::before {
+  padding-top: 0px;
+}
+.btns {
+  margin-top: 20px;
+}
+</style>