@chenyomi/leafer-htmltext-editor 1.0.3 → 1.0.4

package/dist/TextEditTool/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextEditTool/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAGT,MAAM,mBAAmB,CAAC;AAI3B,qBAEa,YAAa,SAAQ,QAAQ;IAExC,IAAW,GAAG,WAEb;IACM,KAAK,EAAE,GAAG,CAAQ;IACzB,OAAO,CAAC,kBAAkB,CAAsB;gBAEpC,MAAM,EAAE,GAAG;IAQvB,OAAO,CAAC,QAAQ;IAgBT,QAAQ,IAAI,IAAI;IA2BhB,MAAM,IAAI,IAAI;IA2BrB,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,WAAW,CAAK;IACjB,oBAAoB,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAQrC,QAAQ,IAAI,IAAI;IAgBhB,QAAQ,IAAI,IAAI;IAMhB,SAAS,IAAI,IAAI;CACzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TextEditTool/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAGT,MAAM,mBAAmB,CAAC;AAI3B,qBAEa,YAAa,SAAQ,QAAQ;IAExC,IAAW,GAAG,WAEb;IACM,KAAK,EAAE,GAAG,CAAQ;IACzB,OAAO,CAAC,kBAAkB,CAAsB;gBAEpC,MAAM,EAAE,GAAG;IAQvB,OAAO,CAAC,QAAQ;IAgBT,QAAQ,IAAI,IAAI;IA2BhB,MAAM,IAAI,IAAI;IA4BrB,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,WAAW,CAAK;IACjB,oBAAoB,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAQrC,QAAQ,IAAI,IAAI;IAgBhB,QAAQ,IAAI,IAAI;IAMhB,SAAS,IAAI,IAAI;CACzB"}

package/dist/TextEditTool/index.js

@@ -63,9 +63,9 @@ let TextEditTool = class TextEditTool extends editor_1.EditTool {
         ];
     }
     onLoad() {
-        console.log(22222222);
         const { editor } = __1.quillManager.getCanvas();
-        const text = editor._target.findOne("HTMLText");
+        console.log(editor.target, 123);
+        const text = editor.target.findOne("HTMLText");
         const { scaleX, scaleY } = text.worldTransform;
         const zoomScale = Math.max(Math.abs(scaleX), Math.abs(scaleY));
         this.addEvent();

package/dist/TextEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../src/TextEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,mBAAmB,CAAC;AAMrE,qBACa,UAAW,SAAQ,WAAW;IACzC,IAAW,GAAG,WAEb;IACc,UAAU,EAAE,GAAG,CAAC;IAExB,OAAO,EAAE,GAAG,CAAC;IACb,MAAM;;MAEX;IAEK,QAAQ,EAAE,GAAG,EAAE,CAAM;IAE5B,SAAS,CAAC,UAAU,EAChB;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAC5C,SAAS,CAAa;IAC1B,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAa;IAClD,SAAS,CAAC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAa;IACtD,SAAS,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAa;IAC9C,KAAK,EAAE,GAAG,CAAQ;IAClB,WAAW,EAAE,OAAO,CAAS;IAGpC,OAAO,CAAC,eAAe,CAIf;IACR,OAAO,CAAC,OAAO,CAA+B;IAG9C,OAAO,KAAK,UAAU,GAErB;IACM,MAAM,IAAI,IAAI;IA4FrB,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,OAAO,CAUb;IAEK,QAAQ;IA0Bf,OAAO,CAAC,gBAAgB,CAAS;IAC1B,QAAQ,IAAI,IAAI;CAsCxB"}
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../src/TextEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,mBAAmB,CAAC;AAIrE,qBACa,UAAW,SAAQ,WAAW;IACzC,IAAW,GAAG,WAEb;IACc,UAAU,EAAE,GAAG,CAAC;IAExB,OAAO,EAAE,GAAG,CAAC;IACb,MAAM;;MAEX;IAEK,QAAQ,EAAE,GAAG,EAAE,CAAM;IAE5B,SAAS,CAAC,UAAU,EAChB;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAC5C,SAAS,CAAa;IAC1B,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAa;IAClD,SAAS,CAAC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAa;IACtD,SAAS,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAa;IAC9C,KAAK,EAAE,GAAG,CAAQ;IAClB,WAAW,EAAE,OAAO,CAAS;IAGpC,OAAO,CAAC,eAAe,CAIf;IACR,OAAO,CAAC,OAAO,CAA+B;IAG9C,OAAO,KAAK,UAAU,GAErB;IACM,MAAM,IAAI,IAAI;IA4FrB,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,OAAO,CAUb;IAEK,QAAQ;IA0Bf,OAAO,CAAC,gBAAgB,CAAS;IAC1B,QAAQ,IAAI,IAAI;CAsCxB"}

package/dist/TextEditor.js

@@ -11,7 +11,6 @@ const editor_1 = require("@leafer-in/editor");
 const core_1 = require("@leafer-ui/core");
 const _1 = require(".");
 const utils_1 = require("./utils");
-console.log(1111, 'registerInnerEditor');
 let TextEditor = class TextEditor extends editor_1.InnerEditor {
     constructor() {
         super(...arguments);
@@ -44,7 +43,6 @@ let TextEditor = class TextEditor extends editor_1.InnerEditor {
         return window.location.host.includes("oa");
     }
     onLoad() {
-        console.log(22222222);
         const { editor } = this;
         const { config } = editor.app;
         const text = this.editTarget;
@@ -66,7 +64,8 @@ let TextEditor = class TextEditor extends editor_1.InnerEditor {
         }
         style.outline = "solid #8499EF";
         if (text.data.textData.fontSize) {
-            div.style.fontSize = `${text.data.textData.fontSize * zoomScale}px`;
+            console.log(text.data.textData.fontSize);
+            div.style.fontSize = `${text.data.textData.fontSize}px`;
         }
         if (text.data.textData.fontFamily) {
             div.style.fontFamily = `${text.data.textData.fontFamily}`;

package/dist/esm/TextEditTool/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TextEditTool/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAGT,MAAM,mBAAmB,CAAC;AAI3B,qBAEa,YAAa,SAAQ,QAAQ;IAExC,IAAW,GAAG,WAEb;IACM,KAAK,EAAE,GAAG,CAAQ;IACzB,OAAO,CAAC,kBAAkB,CAAsB;gBAEpC,MAAM,EAAE,GAAG;IAQvB,OAAO,CAAC,QAAQ;IAgBT,QAAQ,IAAI,IAAI;IA2BhB,MAAM,IAAI,IAAI;IA2BrB,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,WAAW,CAAK;IACjB,oBAAoB,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAQrC,QAAQ,IAAI,IAAI;IAgBhB,QAAQ,IAAI,IAAI;IAMhB,SAAS,IAAI,IAAI;CACzB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TextEditTool/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAGT,MAAM,mBAAmB,CAAC;AAI3B,qBAEa,YAAa,SAAQ,QAAQ;IAExC,IAAW,GAAG,WAEb;IACM,KAAK,EAAE,GAAG,CAAQ;IACzB,OAAO,CAAC,kBAAkB,CAAsB;gBAEpC,MAAM,EAAE,GAAG;IAQvB,OAAO,CAAC,QAAQ;IAgBT,QAAQ,IAAI,IAAI;IA2BhB,MAAM,IAAI,IAAI;IA4BrB,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,WAAW,CAAK;IACjB,oBAAoB,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAQrC,QAAQ,IAAI,IAAI;IAgBhB,QAAQ,IAAI,IAAI;IAMhB,SAAS,IAAI,IAAI;CACzB"}

package/dist/esm/TextEditTool/index.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { EditTool, EditorScaleEvent, registerEditTool } from "@leafer-in/editor";
+import { EditTool, EditorScaleEvent, registerEditTool, } from "@leafer-in/editor";
 import { PointerEvent } from "leafer-ui";
 import { quillManager } from "../";
 import { updataHtmlText } from "../utils";
@@ -60,9 +60,9 @@ let TextEditTool = class TextEditTool extends EditTool {
         ];
     }
     onLoad() {
-        console.log(22222222);
         const { editor } = quillManager.getCanvas();
-        const text = editor._target.findOne("HTMLText");
+        console.log(editor.target, 123);
+        const text = editor.target.findOne("HTMLText");
         const { scaleX, scaleY } = text.worldTransform;
         const zoomScale = Math.max(Math.abs(scaleX), Math.abs(scaleY));
         this.addEvent();

package/dist/esm/TextEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../src/TextEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,mBAAmB,CAAC;AAMrE,qBACa,UAAW,SAAQ,WAAW;IACzC,IAAW,GAAG,WAEb;IACc,UAAU,EAAE,GAAG,CAAC;IAExB,OAAO,EAAE,GAAG,CAAC;IACb,MAAM;;MAEX;IAEK,QAAQ,EAAE,GAAG,EAAE,CAAM;IAE5B,SAAS,CAAC,UAAU,EAChB;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAC5C,SAAS,CAAa;IAC1B,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAa;IAClD,SAAS,CAAC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAa;IACtD,SAAS,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAa;IAC9C,KAAK,EAAE,GAAG,CAAQ;IAClB,WAAW,EAAE,OAAO,CAAS;IAGpC,OAAO,CAAC,eAAe,CAIf;IACR,OAAO,CAAC,OAAO,CAA+B;IAG9C,OAAO,KAAK,UAAU,GAErB;IACM,MAAM,IAAI,IAAI;IA4FrB,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,OAAO,CAUb;IAEK,QAAQ;IA0Bf,OAAO,CAAC,gBAAgB,CAAS;IAC1B,QAAQ,IAAI,IAAI;CAsCxB"}
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../src/TextEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,mBAAmB,CAAC;AAIrE,qBACa,UAAW,SAAQ,WAAW;IACzC,IAAW,GAAG,WAEb;IACc,UAAU,EAAE,GAAG,CAAC;IAExB,OAAO,EAAE,GAAG,CAAC;IACb,MAAM;;MAEX;IAEK,QAAQ,EAAE,GAAG,EAAE,CAAM;IAE5B,SAAS,CAAC,UAAU,EAChB;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAC5C,SAAS,CAAa;IAC1B,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAa;IAClD,SAAS,CAAC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAa;IACtD,SAAS,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAa;IAC9C,KAAK,EAAE,GAAG,CAAQ;IAClB,WAAW,EAAE,OAAO,CAAS;IAGpC,OAAO,CAAC,eAAe,CAIf;IACR,OAAO,CAAC,OAAO,CAA+B;IAG9C,OAAO,KAAK,UAAU,GAErB;IACM,MAAM,IAAI,IAAI;IA4FrB,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,OAAO,CAUb;IAEK,QAAQ;IA0Bf,OAAO,CAAC,gBAAgB,CAAS;IAC1B,QAAQ,IAAI,IAAI;CAsCxB"}

package/dist/esm/TextEditor.js

@@ -8,7 +8,6 @@ import { InnerEditor, registerInnerEditor } from "@leafer-in/editor";
 import { Matrix, PointerEvent } from "@leafer-ui/core";
 import { quillManager } from ".";
 import { updataHtmlText } from "./utils";
-console.log(1111, 'registerInnerEditor');
 let TextEditor = class TextEditor extends InnerEditor {
     constructor() {
         super(...arguments);
@@ -41,7 +40,6 @@ let TextEditor = class TextEditor extends InnerEditor {
         return window.location.host.includes("oa");
     }
     onLoad() {
-        console.log(22222222);
         const { editor } = this;
         const { config } = editor.app;
         const text = this.editTarget;
@@ -63,7 +61,8 @@ let TextEditor = class TextEditor extends InnerEditor {
         }
         style.outline = "solid #8499EF";
         if (text.data.textData.fontSize) {
-            div.style.fontSize = `${text.data.textData.fontSize * zoomScale}px`;
+            console.log(text.data.textData.fontSize);
+            div.style.fontSize = `${text.data.textData.fontSize}px`;
         }
         if (text.data.textData.fontFamily) {
             div.style.fontFamily = `${text.data.textData.fontFamily}`;

package/dist/esm/index.d.ts

@@ -1,4 +1,6 @@
 import Quill from "quill";
+import 'quill/dist/quill.core.css';
+import './htmltext-editor.css';
 import "./TextEditTool";
 import './TextEditor';
 declare class QuillManager {

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAA;AACrB,cAAM,YAAY;IAChB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAe;IACtC,OAAO,CAAC,KAAK,CAAsB;IAC5B,IAAI,EAAE,GAAG,GAAG,IAAI,CAAQ;IAE/B,OAAO;IAEP,MAAM,CAAC,WAAW;IAOZ,IAAI,CAAC,GAAG,EAAE,GAAG;IAiDnB,QAAQ;IAOR,SAAS;IAOT,OAAO,CAAC,aAAa;IA+Bd,aAAa,IAAI,OAAO;IAQxB,QAAQ,CACb,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAC7B,KAAK,SAAI,EACT,OAAO,CAAC,EAAE,GAAG,GACZ,IAAI;CA4BR;AAED,eAAO,MAAM,YAAY,cAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,2BAA2B,CAAA;AAClC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAA;AACrB,cAAM,YAAY;IAChB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAe;IACtC,OAAO,CAAC,KAAK,CAAsB;IAC5B,IAAI,EAAE,GAAG,GAAG,IAAI,CAAQ;IAE/B,OAAO;IAEP,MAAM,CAAC,WAAW;IAOZ,IAAI,CAAC,GAAG,EAAE,GAAG;IAiDnB,QAAQ;IAOR,SAAS;IAOT,OAAO,CAAC,aAAa;IA+Bd,aAAa,IAAI,OAAO;IAQxB,QAAQ,CACb,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAC7B,KAAK,SAAI,EACT,OAAO,CAAC,EAAE,GAAG,GACZ,IAAI;CA4BR;AAED,eAAO,MAAM,YAAY,cAA6B,CAAC"}

package/dist/esm/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAU,IAAI,GAAG,EAAE,aAAa,GAAG,EAAE,UAAU,GAAG,kBAgG5E,CAAA;AAmED,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,QAAQ,GAAG,EAAE,aAAa,GAAG,SA+HrE,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAU,IAAI,GAAG,EAAE,aAAa,GAAG,EAAE,UAAU,GAAG,kBAgG5E,CAAA;AAoED,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,QAAQ,GAAG,EAAE,aAAa,GAAG,SA+HrE,CAAA"}

package/dist/esm/utils.js

@@ -103,7 +103,7 @@ const addFontSizeToP = (e, html, fontSize = 16, lineHeight = '1.5', letterSpacin
             height = `${e.parent.height}px`;
         }
     }
-    const style = `<style>sub,sup{font-size:63%;}.ql-ui{position:absolute}ol,ul{counter-reset:list-0;padding-left:1.5em;margin:0}ol>li,ul>li{counter-increment:list-0;list-style-type:none;position:relative;padding-left:0;margin:0}ol>li::before{content:counter(list-0,decimal) '. ';position:absolute;left:-1.5em;width:1.2em;text-align:right}ul>li::before{content:'\u2022';position:absolute;left:-1.5em;width:1.2em;text-align:right}li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-left{text-align:left}.ql-align-justify{text-align:justify}</style>`;
+    const style = `<style>p{margin:0;}sub,sup{font-size:63%;}.ql-ui{position:absolute}ol,ul{counter-reset:list-0;padding-left:1.5em;margin:0}ol>li,ul>li{counter-increment:list-0;list-style-type:none;position:relative;padding-left:0;margin:0}ol>li::before{content:counter(list-0,decimal) '. ';position:absolute;left:-1.5em;width:1.2em;text-align:right}ul>li::before{content:'\u2022';position:absolute;left:-1.5em;width:1.2em;text-align:right}li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-left{text-align:left}.ql-align-justify{text-align:justify}</style>`;
     let divBox = '';
     if (e.parent.children[0].tag.includes('Shape')) {
         divBox =
@@ -120,7 +120,8 @@ const addFontSizeToP = (e, html, fontSize = 16, lineHeight = '1.5', letterSpacin
             divBox = style + str;
         }
         else {
-            divBox = style + `<div style="width: ${actualWidth - 10}px">${str}</div>`;
+            console.log(actualHeight);
+            divBox = style + `<div style="width: ${actualWidth - 10}px;height:${actualHeight}px">${str}</div>`;
         }
     }
     console.log(divBox, '最终的html内容');

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 import Quill from "quill";
+import 'quill/dist/quill.core.css';
+import './htmltext-editor.css';
 import "./TextEditTool";
 import './TextEditor';
 declare class QuillManager {

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAA;AACrB,cAAM,YAAY;IAChB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAe;IACtC,OAAO,CAAC,KAAK,CAAsB;IAC5B,IAAI,EAAE,GAAG,GAAG,IAAI,CAAQ;IAE/B,OAAO;IAEP,MAAM,CAAC,WAAW;IAOZ,IAAI,CAAC,GAAG,EAAE,GAAG;IAiDnB,QAAQ;IAOR,SAAS;IAOT,OAAO,CAAC,aAAa;IA+Bd,aAAa,IAAI,OAAO;IAQxB,QAAQ,CACb,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAC7B,KAAK,SAAI,EACT,OAAO,CAAC,EAAE,GAAG,GACZ,IAAI;CA4BR;AAED,eAAO,MAAM,YAAY,cAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,2BAA2B,CAAA;AAClC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAA;AACrB,cAAM,YAAY;IAChB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAe;IACtC,OAAO,CAAC,KAAK,CAAsB;IAC5B,IAAI,EAAE,GAAG,GAAG,IAAI,CAAQ;IAE/B,OAAO;IAEP,MAAM,CAAC,WAAW;IAOZ,IAAI,CAAC,GAAG,EAAE,GAAG;IAiDnB,QAAQ;IAOR,SAAS;IAOT,OAAO,CAAC,aAAa;IA+Bd,aAAa,IAAI,OAAO;IAQxB,QAAQ,CACb,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAC7B,KAAK,SAAI,EACT,OAAO,CAAC,EAAE,GAAG,GACZ,IAAI;CA4BR;AAED,eAAO,MAAM,YAAY,cAA6B,CAAC"}

package/dist/index.esm.js

@@ -1,4 +1,6 @@
 import Quill, { Delta } from "quill";
+import 'quill/dist/quill.core.css';
+import './htmltext-editor.css';
 import "./TextEditTool";
 import './TextEditor';
 class QuillManager {

package/dist/index.js

@@ -35,6 +35,8 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.quillManager = void 0;
 const quill_1 = __importStar(require("quill"));
+require("quill/dist/quill.core.css");
+require("./htmltext-editor.css");
 require("./TextEditTool");
 require("./TextEditor");
 class QuillManager {

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAU,IAAI,GAAG,EAAE,aAAa,GAAG,EAAE,UAAU,GAAG,kBAgG5E,CAAA;AAmED,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,QAAQ,GAAG,EAAE,aAAa,GAAG,SA+HrE,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAU,IAAI,GAAG,EAAE,aAAa,GAAG,EAAE,UAAU,GAAG,kBAgG5E,CAAA;AAoED,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,QAAQ,GAAG,EAAE,aAAa,GAAG,SA+HrE,CAAA"}

package/dist/utils.js

@@ -107,7 +107,7 @@ const addFontSizeToP = (e, html, fontSize = 16, lineHeight = '1.5', letterSpacin
             height = `${e.parent.height}px`;
         }
     }
-    const style = `<style>sub,sup{font-size:63%;}.ql-ui{position:absolute}ol,ul{counter-reset:list-0;padding-left:1.5em;margin:0}ol>li,ul>li{counter-increment:list-0;list-style-type:none;position:relative;padding-left:0;margin:0}ol>li::before{content:counter(list-0,decimal) '. ';position:absolute;left:-1.5em;width:1.2em;text-align:right}ul>li::before{content:'\u2022';position:absolute;left:-1.5em;width:1.2em;text-align:right}li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-left{text-align:left}.ql-align-justify{text-align:justify}</style>`;
+    const style = `<style>p{margin:0;}sub,sup{font-size:63%;}.ql-ui{position:absolute}ol,ul{counter-reset:list-0;padding-left:1.5em;margin:0}ol>li,ul>li{counter-increment:list-0;list-style-type:none;position:relative;padding-left:0;margin:0}ol>li::before{content:counter(list-0,decimal) '. ';position:absolute;left:-1.5em;width:1.2em;text-align:right}ul>li::before{content:'\u2022';position:absolute;left:-1.5em;width:1.2em;text-align:right}li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-left{text-align:left}.ql-align-justify{text-align:justify}</style>`;
     let divBox = '';
     if (e.parent.children[0].tag.includes('Shape')) {
         divBox =
@@ -124,7 +124,8 @@ const addFontSizeToP = (e, html, fontSize = 16, lineHeight = '1.5', letterSpacin
             divBox = style + str;
         }
         else {
-            divBox = style + `<div style="width: ${actualWidth - 10}px">${str}</div>`;
+            console.log(actualHeight);
+            divBox = style + `<div style="width: ${actualWidth - 10}px;height:${actualHeight}px">${str}</div>`;
         }
     }
     console.log(divBox, '最终的html内容');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chenyomi/leafer-htmltext-editor",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "A text editor plugin for Leafer UI with HTML text support and Quill integration",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/TextEditTool/index.ts

@@ -1,7 +1,7 @@
 import {
   EditTool,
   EditorScaleEvent,
-  registerEditTool
+  registerEditTool,
 } from "@leafer-in/editor";
 import { PointerEvent } from "leafer-ui";
 import { quillManager } from "../";
@@ -68,9 +68,10 @@ export class TextEditTool extends EditTool {
 
   // 生命周期钩子：插件加载时绑定事件
   public onLoad(): void {
-    console.log(22222222)
     const { editor } = quillManager.getCanvas();
-    const text: any = editor._target.findOne("HTMLText");
+    console.log(editor.target, 123);
+    const text: any = editor.target.findOne("HTMLText");
+
     const { scaleX, scaleY } = text.worldTransform;
     const zoomScale = Math.max(Math.abs(scaleX), Math.abs(scaleY));
     this.addEvent();

package/src/TextEditor.ts

@@ -2,8 +2,6 @@ import { InnerEditor, registerInnerEditor } from "@leafer-in/editor";
 import { Matrix, PointerEvent } from "@leafer-ui/core";
 import { quillManager } from ".";
 import { updataHtmlText } from "./utils";
-
-console.log(1111, 'registerInnerEditor')
 @registerInnerEditor()
 export class TextEditor extends InnerEditor {
   public get tag() {
@@ -40,7 +38,6 @@ export class TextEditor extends InnerEditor {
     return window.location.host.includes("oa");
   }
   public onLoad(): void {
-    console.log(22222222)
     const { editor } = this;
     const { config } = editor.app;
     const text = this.editTarget;
@@ -71,7 +68,8 @@ export class TextEditor extends InnerEditor {
 
     // 初始化文本样式
     if (text.data.textData.fontSize) {
-      div.style.fontSize = `${text.data.textData.fontSize * zoomScale}px`;
+      console.log(text.data.textData.fontSize)
+      div.style.fontSize = `${text.data.textData.fontSize}px`;
     }
     if (text.data.textData.fontFamily) {
       div.style.fontFamily = `${text.data.textData.fontFamily}`;

package/src/htmltext-editor.css

@@ -0,0 +1,103 @@
+
+.ql-editor {
+  padding: 0 !important;
+  line-height: unset !important;
+  overflow: unset !important;
+  outline: 0;
+}
+
+.ql-editor p {
+    margin: 0 !important;
+}
+
+.ql-editor sub,
+.ql-editor sup {
+  font-size: 63%;
+}
+
+.ql-editor sup {
+  top: -0.58em;
+}
+
+.ql-editor sub {
+  bottom: -0.38em;
+}
+
+.ql-editor ol {
+  padding-left: 0 !important;
+}
+
+.ql-font-Roboto {
+  font-family: 'Roboto', sans-serif;
+}
+.ql-font-RobotoMono {
+  font-family: 'Roboto Mono', monospace;
+}
+.ql-font-Inter {
+  font-family: 'Inter', sans-serif;
+}
+.ql-font-OpenSans {
+  font-family: 'Open Sans', sans-serif;
+}
+.ql-font-Montserrat {
+  font-family: 'Montserrat', sans-serif;
+}
+.ql-font-RobotoCondensed {
+  font-family: 'Roboto Condensed', sans-serif;
+}
+.ql-font-Arimo {
+  font-family: 'Arimo', sans-serif;
+}
+.ql-font-NotoSans {
+  font-family: 'Noto Sans', sans-serif;
+}
+.ql-font-NotoSansSymbols {
+  font-family: 'Noto Sans Symbols', sans-serif;
+}
+.ql-font-Merriweather {
+  font-family: 'Merriweather', serif;
+}
+.ql-font-PlayfairDisplay {
+  font-family: 'Playfair Display', serif;
+}
+.ql-font-NotoSerif {
+  font-family: 'Noto Serif', serif;
+}
+.ql-font-Lato {
+  font-family: 'Lato', sans-serif;
+}
+.ql-font-Spectral {
+  font-family: 'Spectral', serif;
+}
+.ql-font-DancingScript {
+  font-family: 'Dancing Script', cursive;
+}
+
+.ql-font-NotoSansSimplifiedChinese {
+  font-family: 'Noto Sans SC', sans-serif;
+}
+.ql-font-NotoSerifSimplifiedChinese {
+  font-family: 'Noto Serif SC', serif;
+}
+.ql-font-NotoSansTraditionalChinese {
+  font-family: 'Noto Sans TC', sans-serif;
+}
+.ql-font-NotoSansHongKong {
+  font-family: 'Noto Sans HK', sans-serif;
+}
+.ql-font-NotoSerifTraditionalChinese {
+  font-family: 'Noto Serif TC', serif;
+}
+.ql-font-NotoSerifHongKong {
+  font-family: 'Noto Serif HK', serif;
+}
+.ql-font-NotoSansJapanese {
+  font-family: 'Noto Sans JP', sans-serif;
+}
+.ql-font-NotoSansKorean {
+  font-family: 'Noto Sans KR', sans-serif;
+}
+
+.ql-font-Poppins {
+  font-family: 'Poppins', sans-serif;
+}

package/src/index.ts

@@ -1,4 +1,6 @@
 import Quill, { Delta } from "quill";
+import 'quill/dist/quill.core.css'
+import './htmltext-editor.css'
 import "./TextEditTool";
 import './TextEditor'
 class QuillManager {

package/src/utils.ts

@@ -142,7 +142,7 @@ const addFontSizeToP = (e: any, html: any, fontSize = 16, lineHeight = '1.5', le
   }
 
   // 水平居中相关样式内嵌 因为这个quill居中用的class没用style
-  const style = `<style>sub,sup{font-size:63%;}.ql-ui{position:absolute}ol,ul{counter-reset:list-0;padding-left:1.5em;margin:0}ol>li,ul>li{counter-increment:list-0;list-style-type:none;position:relative;padding-left:0;margin:0}ol>li::before{content:counter(list-0,decimal) '. ';position:absolute;left:-1.5em;width:1.2em;text-align:right}ul>li::before{content:'\u2022';position:absolute;left:-1.5em;width:1.2em;text-align:right}li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-left{text-align:left}.ql-align-justify{text-align:justify}</style>`
+  const style = `<style>p{margin:0;}sub,sup{font-size:63%;}.ql-ui{position:absolute}ol,ul{counter-reset:list-0;padding-left:1.5em;margin:0}ol>li,ul>li{counter-increment:list-0;list-style-type:none;position:relative;padding-left:0;margin:0}ol>li::before{content:counter(list-0,decimal) '. ';position:absolute;left:-1.5em;width:1.2em;text-align:right}ul>li::before{content:'\u2022';position:absolute;left:-1.5em;width:1.2em;text-align:right}li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-left{text-align:left}.ql-align-justify{text-align:justify}</style>`
   let divBox = ''
   if (e.parent.children[0].tag.includes('Shape')) {
     divBox =
@@ -157,7 +157,8 @@ const addFontSizeToP = (e: any, html: any, fontSize = 16, lineHeight = '1.5', le
     if (e.data.textData.italic) {
       divBox = style + str
     } else {
-      divBox = style + `<div style="width: ${actualWidth - 10}px">${str}</div>`
+      console.log(actualHeight)
+      divBox = style + `<div style="width: ${actualWidth - 10}px;height:${actualHeight}px">${str}</div>`
     }
   }
   console.log(divBox, '最终的html内容')