Selaa lähdekoodia

修改字体默认样式

yangg 5 kuukautta sitten
vanhempi
sitoutus
4fd7bec3fa

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
dist/index.html


+ 0 - 0
dist/static/css/chunk-00b30a36.5ac10695.css → dist/static/css/chunk-643cca58.5ac10695.css


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
dist/static/js/app.59e9791a.js


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
dist/static/js/app.cdf72dfb.js


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
dist/static/js/chunk-00b30a36.550d44df.js


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
dist/static/js/chunk-643cca58.24c409b5.js


+ 37 - 2
src/components/CanvasEditor/index.vue

@@ -523,7 +523,15 @@ export default {
       header: [], // 页眉配置
       main: [], // 主要编辑内容
       footer: [], // 页脚信息
-      options: IEditorOption,
+      options:{
+        width: 794,  // A4 纸张宽度
+        height: 1123,  // A4 纸张高度
+        defaultSize:Number(this.editorOptions.size) ,
+        defaultFont: this.editorOptions.font,
+      //  defaultSize: 14,//Number(this.editorOptions.size),
+        defaultBold: this.editorOptions.bold,
+        defaultAlign: this.editorOptions.align
+      },// IEditorOption,
       // 批注 TODO
       commentList: [],
     };
@@ -541,6 +549,15 @@ export default {
     docJson: {
       type: String,
     },
+    editorOptions: {
+      type: Object,
+      default: () => ({
+        defaultFont: 'Arial',
+        //defaultSize: 14,
+        defaultBold: false,
+        defaultAlign: 'left'
+      })
+    }
   },
   watch: {
     // 监听父组件传过来的编辑模式,设置模式
@@ -582,6 +599,7 @@ export default {
     },
   },
   mounted() {
+    console.log(this.editorOptions);
     const isApple =
       typeof navigator !== "undefined" && /Mac OS X/.test(navigator.userAgent);
     const instance = new Editor(
@@ -590,7 +608,10 @@ export default {
         header: this.header,
         main: this.main,
         footer: this.footer,
-        defaultFont: 'Arial', // 添加默认字体配置
+        defaultFont: this.editorOptions.font,
+      //  defaultSize: 14,//Number(this.editorOptions.size),
+        defaultBold: this.editorOptions.bold,
+        defaultAlign: this.editorOptions.align
       },
       this.options
     );
@@ -2206,6 +2227,20 @@ export default {
         },
       },
     ]);
+
+   /*  // 设置初始样式
+    this.$nextTick(() => {
+      // 设置字体
+      instance.command.executeFont(this.editorOptions.defaultFont)
+      // 设置字号
+      instance.command.executeSize(this.editorOptions.defaultSize)
+      // 设置加粗
+      if (this.editorOptions.defaultBold) {
+        instance.command.executeBold()
+      }
+      // 设置对齐方式
+      instance.command.executeAlign(this.editorOptions.defaultAlign)
+    }) */
   },
 };
 </script>

+ 3 - 3
src/components/CanvasEditor/option.js

@@ -2,10 +2,10 @@ const IEditorOption = {
   width: 794,  // A4 纸张宽度
   height: 1123,  // A4 纸张高度
   defaultFont: 'Arial', // 在这里也添加默认字体配置
+  defaultFont: undefined,
+  defaultSize: undefined,
     /* mode: undefined,
-    defaultType: undefined,
-    defaultFont: undefined,
-    defaultSize: undefined,
+     defaultType: undefined,
     minSize: undefined,
     maxSize: undefined,
     defaultBasicRowMarginHeight: undefined,

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 289 - 292
src/views/project/ProjectInput.vue


Kaikkia tiedostoja ei voida näyttää, sillä liian monta tiedostoa muuttui tässä diffissä