merge branch develop into branch feat/doublelink220820

libs/components/common/src/lib/text/EditableText.tsx

@@ -819,7 +819,7 @@ const EditorLeaf = ({ attributes, children, leaf }: any) => {
                         backgroundColor: '#F2F5F9',
                         borderRadius: '5px',
                         color: '#3A4C5C',
-                        padding: '3px 8px',
+                        padding: '1px 8px',
                         margin: '0 2px',
                     }}
                 >

libs/components/common/src/lib/text/slate-utils.ts

@@ -978,7 +978,41 @@ class SlateUtils {
     }
 
     public getNodeByPath(path: Path) {
-        Editor.node(this.editor, path);
+        return Editor.node(this.editor, path);
+    }
+
+    public getNodeByRange(range: Range) {
+        return Editor.node(this.editor, range);
+    }
+
+    // This may should write with logic of render slate
+    public convertLeaf2Html(textValue: any) {
+        const { text, fontColor, fontBgColor } = textValue;
+
+        const style = `style="${fontColor ? `color: ${fontColor};` : ''}${
+            fontBgColor ? `backgroundColor: ${fontBgColor};` : ''
+        }"`;
+        if (textValue.bold) {
+            return `<strong ${style}>${text}</strong>`;
+        }
+        if (textValue.italic) {
+            return `<em ${style}>${text}</em>`;
+        }
+        if (textValue.underline) {
+            return `<u ${style}>${text}</u>`;
+        }
+        if (textValue.inlinecode) {
+            return `<code ${style}>${text}</code>`;
+        }
+        if (textValue.strikethrough) {
+            return `<s ${style}>${text}</s>`;
+        }
+        if (textValue.type === 'link') {
+            return `<a href='${textValue.url}' ${style}>${this.convertLeaf2Html(
+                textValue.children
+            )}</a>`;
+        }
+        return `<span ${style}>${text}</span>`;
     }
 
     public getStartSelection() {