소스 검색

fix rich text editor scroll to top issue

fengchang 1 년 전
부모
커밋
3e5bff4612
2개의 변경된 파일11개의 추가작업 그리고 2개의 파일을 삭제
  1. 9 1
      hichina-main-front-mobile-first/src/pages/BlogCreatePage.vue
  2. 2 1
      hichina-main-front-mobile-first/src/pages/BlogEditPage.vue

+ 9 - 1
hichina-main-front-mobile-first/src/pages/BlogCreatePage.vue

@@ -5,9 +5,10 @@
         <div class="col-12 q-mt-xl">
           <q-input rounded outlined v-model="title" label="Blog title" />
         </div>
-        <div class="col-12 q-mt-xl">
+        <div class="col-12 q-mt-xl" style="height: 50vh">
           <QuillEditor
             theme="snow"
+            style="height: 100%"
             v-model:content="content"
             contentType="html"
             toolbar="full"
@@ -151,3 +152,10 @@ export default {
   },
 };
 </script>
+<style lang="sass" scoped>
+.ql-clipboard
+  position: fixed !important
+  opacity: 0 !important
+  left: 50% !important
+  top: 50% !important
+</style>

+ 2 - 1
hichina-main-front-mobile-first/src/pages/BlogEditPage.vue

@@ -5,13 +5,14 @@
         <div class="col-12 q-mt-xl">
           <q-input rounded outlined v-model="title" label="Blog title" />
         </div>
-        <div class="col-12 q-mt-xl">
+        <div class="col-12 q-mt-xl" style="height: 50vh">
           <QuillEditor
             @paste="handlePaste"
             theme="snow"
             v-model:content="content"
             contentType="html"
             toolbar="full"
+            style="height: 100%"
             ref="quillEditor"
             :modules="combineModule"
           />