@zeedhi/zd-richtext-common 1.3.1 → 1.3.2

package/dist/rich-text-common.esm.js

@@ -10,7 +10,7 @@ class RichText extends ComponentRender {
         /**
          * The content output format.
          */
-        this.outputFormat = 'json';
+        this.outputFormat = 'html';
         /**
          * Placeholder is displayed when there is no content in the editor.
          */
@@ -36,6 +36,7 @@ class RichText extends ComponentRender {
          */
         this.height = '';
         this.fillHeight = false;
+        this.formatGetter = {};
         /**
          * Rich text content
          */
@@ -49,8 +50,20 @@ class RichText extends ComponentRender {
         this.width = this.getInitValue('width', props.width, this.width);
         this.height = this.getInitValue('height', props.height, this.height);
         this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
+        this.formatGetter = this.getInitValue('formatGetter', props.formatGetter, this.formatGetter);
+        this.content = this.getInitValue('content', props.content, this.content);
+        this.value = this.getInitValue('value', props.value, this.value);
         this.createAccessors();
     }
+    get value() {
+        if (typeof this.formatGetter[this.outputFormat] === 'function') {
+            return this.formatGetter[this.outputFormat]();
+        }
+        return this.content;
+    }
+    set value(value) {
+        this.content = value;
+    }
     onKeyDown(element, key) {
         this.callEvent('onKeyDown', {
             element, component: this, key, content: this.content,

package/dist/rich-text-common.umd.js

@@ -13,7 +13,7 @@
           /**
            * The content output format.
            */
-          this.outputFormat = 'json';
+          this.outputFormat = 'html';
           /**
            * Placeholder is displayed when there is no content in the editor.
            */
@@ -39,6 +39,7 @@
            */
           this.height = '';
           this.fillHeight = false;
+          this.formatGetter = {};
           /**
            * Rich text content
            */
@@ -52,8 +53,20 @@
           this.width = this.getInitValue('width', props.width, this.width);
           this.height = this.getInitValue('height', props.height, this.height);
           this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
+          this.formatGetter = this.getInitValue('formatGetter', props.formatGetter, this.formatGetter);
+          this.content = this.getInitValue('content', props.content, this.content);
+          this.value = this.getInitValue('value', props.value, this.value);
           this.createAccessors();
       }
+      get value() {
+          if (typeof this.formatGetter[this.outputFormat] === 'function') {
+              return this.formatGetter[this.outputFormat]();
+          }
+          return this.content;
+      }
+      set value(value) {
+          this.content = value;
+      }
       onKeyDown(element, key) {
           this.callEvent('onKeyDown', {
               element, component: this, key, content: this.content,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/zd-richtext-common",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "RichTextCommon by BVR",
   "main": "dist/rich-text-common.umd.js",
   "module": "dist/rich-text-common.esm.js",
@@ -23,5 +23,5 @@
     "@zeedhi/common": "*",
     "@zeedhi/core": "*"
   },
-  "gitHead": "7f117f141fe0b7f61cc45217c9827d791a408705"
+  "gitHead": "5f202495829e7a912b0492c29f743ed5cc5a0c98"
 }

package/types/interfaces.d.ts

@@ -1,10 +1,12 @@
-import { IEventParam, IEvent } from '@zeedhi/core';
+import { IEventParam, IEvent, IDictionary } from '@zeedhi/core';
 import { IComponentEvents, IComponentRender } from '@zeedhi/common';
 export interface IRichText extends IComponentRender {
     outputFormat?: string;
     placeholder?: string;
     disabled?: boolean;
     toolbarColor?: string;
+    formatGetter?: IDictionary<() => any>;
+    value?: any;
     cardColor?: string;
     outlined?: boolean;
     width?: number | string;

package/types/rich-text.d.ts

@@ -1,4 +1,5 @@
 import { ComponentRender } from '@zeedhi/common';
+import { IDictionary } from '@zeedhi/core';
 import { IRichText, IRickTextEvents } from './interfaces';
 /**
  * Base class for Rich Text component.
@@ -40,11 +41,14 @@ export declare class RichText extends ComponentRender implements IRichText {
      * Events registered to the Rich Text
      */
     events: IRickTextEvents;
+    get value(): any;
+    set value(value: any);
     fillHeight: boolean;
-    constructor(props: IRichText);
+    formatGetter: IDictionary<() => any>;
     /**
      * Rich text content
      */
     content: string;
+    constructor(props: IRichText);
     onKeyDown(element?: HTMLElement, key?: string): void;
 }