fix:修复显示与编辑不一致的问题

nezha-fronted/src/components/charts/richTextEditor.vue

@@ -22,7 +22,7 @@
             toolbar:[
               [{ 'header': [1, 2, 3, 4, 5, 6, false] }],
               ['bold', 'italic', 'underline', 'strike'],
-              ['link'],
+              ['link','code-block'],
               [{ 'list': 'ordered'}, { 'list': 'bullet' }],
               [{ 'color': [] }, { 'background': [] }],
               [{ 'align': [] }],
@@ -54,7 +54,7 @@
       },
       getHtml:function(){
         let html=this.quill.root.innerHTML;
-        return html;
+        return `<div  class="editor-core ql-container ql-snow"><div class="ql-editor">${html}</div></div>`;
       },
       guid() {
         function S4() {

nezha-fronted/src/components/charts/text-chart.vue

@@ -31,7 +31,7 @@
         <div class="mt-10 rich-text-container" v-cloak  v-show="firstShow" >
           <div :id="'chartContainer'+chartIndex"  ref="chartContainer" class="text-content"  >
             <el-scrollbar style="height: 100%;" class="el-scrollbar-normal">
-              <div style="height: 100%;" v-html="text"></div>
+              <div style="height: 100%;" v-html="text" ></div>
             </el-scrollbar>
           </div>
         </div>
@@ -43,7 +43,11 @@
             <span class="nz-dialog-title">{{data.title}}</span>
           </div>
           <div class="rich-text-screen-container"  >
-            <div id="chartScreenContainer"  ref="chartScreenContainer" class="text-content" v-html="screenText" v-scrollBar></div>
+            <div id="chartScreenContainer"  ref="chartScreenContainer" class="text-content" >
+              <el-scrollbar style="height: 100%;" class="el-scrollbar-normal">
+                <div style="height: 100%;" v-html="screenText" ></div>
+              </el-scrollbar>
+            </div>
           </div>
           <loading  :ref="'localLoadingScreen'+chartIndex"></loading>
         </el-dialog>
@@ -54,12 +58,9 @@
 </template>
 
 <script>
-  import bus from '../../libs/bus';
-  import {Loading} from 'element-ui';
-  import chartDataFormat from './chartDataFormat'
   import loading from "../common/loading";
   import timePicker from '../common/timePicker'
-
+  import 'quill/dist/quill.snow.css'
   export default {
     name: 'chartSingleStat',
     components: {