@flozy/editor 1.2.6 → 1.2.8

package/dist/Editor/CommonEditor.js

@@ -75,15 +75,23 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     }));
   }, [id, content]);
   useEffect(() => {
-    if (editorWrapper && editorWrapper?.current && loadedValue !== deboundedValue && isInteracted) {
-      const text = serialize(deboundedValue);
-      const title = deboundedValue?.find(f => f.type === "title");
-      onSave(JSON.stringify(deboundedValue), {
-        text: text,
-        title: serialize(title?.children) || "Untitled"
-      });
+    if (editorWrapper && editorWrapper?.current && loadedValue !== deboundedValue && isInteracted && onSave) {
+      const {
+        value: strVal,
+        ...restVal
+      } = getOnSaveData(deboundedValue);
+      onSave(strVal, restVal);
     }
   }, [deboundedValue]);
+  const getOnSaveData = val => {
+    const text = serialize(val);
+    const title = val?.find(f => f.type === "title");
+    return {
+      value: JSON.stringify(val),
+      text: text,
+      title: serialize(title?.children) || "Untitled"
+    };
+  };
   const getPreviewImage = async (needBackground = false, options = {}) => {
     ReactEditor.blur(editor);
     const dom = needBackground ? editorWrapper?.current : editorWrapper?.current.getElementsByClassName("innert-editor-textbox")[0];
@@ -119,7 +127,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
       return editor;
     },
     getContent() {
-      return value;
+      return getOnSaveData(deboundedValue);
     },
     insertFragments(fragments) {
       editor.insertNode(fragments);

package/dist/Editor/Editor.css

@@ -26,11 +26,11 @@ blockquote{
 .editor-wrapper table{
     border-collapse: collapse;
 }
-button{
+.editor-wrapper .editor-wrapperbutton{
     background-color: white;
     border:none;
 }
-.btnActive{
+.editor-wrapper .btnActive{
     opacity: 1;
 }
 .editor-wrapper{
@@ -76,9 +76,6 @@ button{
     font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
       monospace;
 }
-[data-slate-node="element"] {
-    margin: 10px 0;
-}
 .editor-wrapper html{
     scroll-behavior: smooth;
 }

package/dist/Editor/Elements/Link/styles.css

@@ -15,6 +15,6 @@
   width: fit-content;
   z-index: 1;
 }
-img{
+.link img{
   height: 15px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"