@syncfusion/ej2-richtexteditor - npm Package Compare versions

Comparing version 16.4.52 to 16.4.53

CHANGELOG.md

@@ -9,2 +9,18 @@ # Changelog
 
+- Console error is thrown in IE11 browser while using the SVG element style with transform and then render the RichTextEditor in an application, that issue has been fixed.
+
+- HTML 5 standard issues has been fixed.
+
+- Cursor position changed after typed some contents issue has been fixed.
+
+#### Breaking Changes
+
+- Changed the  `fontSize`, `fontFamily`, `format` properties  default value as null.
+
+## 16.4.48 (2019-01-22)
+
+### RichTextEditor
+
+#### Bug Fixes
+
 - Table QuickToolbar open wherever click within a component issue has been fixed.
@@ -11,0 +27,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 16.4.52
+*  version : 16.4.53
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "name": "@syncfusion/ej2-richtexteditor",
-  "version": "16.4.52",
+  "version": "16.4.53",
   "description": "Essential JS 2 RichTextEditor component",
@@ -12,5 +12,5 @@ "author": "Syncfusion Inc.",
     "@syncfusion/ej2-base": "~16.4.52",
-    "@syncfusion/ej2-navigations": "~16.4.52",
-    "@syncfusion/ej2-popups": "~16.4.52",
-    "@syncfusion/ej2-splitbuttons": "~16.4.52"
+    "@syncfusion/ej2-navigations": "~16.4.53",
+    "@syncfusion/ej2-popups": "~16.4.53",
+    "@syncfusion/ej2-splitbuttons": "~16.4.53"
   },
@@ -17,0 +17,0 @@ "devDependencies": {

src/rich-text-editor/actions/dropdown-buttons.d.ts

@@ -29,2 +29,3 @@ import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
     private onPropertyChanged;
+    private getEditNode;
     private rowDropDown;
@@ -31,0 +32,0 @@ private columnDropDown;

src/rich-text-editor/actions/dropdown-buttons.js

@@ -56,9 +56,9 @@ import { addClass, isNullOrUndefined, removeClass, select, closest } from '@syncfusion/ej2-base';
                         });
+                        var formatContent = isNullOrUndefined(_this.parent.format.default) ? formatItem[0].text :
+                            _this.parent.format.default;
                         _this.formatDropDown = _this.toolbarRenderer.renderDropDownButton({
                             iconCss: ((type === 'quick') ? 'e-formats e-icons' : ''),
-                            content: _this.dropdownContent(_this.parent.format.width, type, ((type === 'quick') ? '' : getDropDownValue(formatItem, _this.parent.format.default, 'text', 'text'))),
+                            content: _this.dropdownContent(_this.parent.format.width, type, ((type === 'quick') ? '' : getDropDownValue(formatItem, formatContent, 'text', 'text'))),
                             cssClass: classes.CLS_DROPDOWN_POPUP + ' ' + classes.CLS_DROPDOWN_ITEMS + ' ' + classes.CLS_FORMATS_TB_BTN,
-                            itemName: 'Formats',
-                            items: formatItem,
-                            element: targetElement
+                            itemName: 'Formats', items: formatItem, element: targetElement
                         });
@@ -77,10 +77,13 @@ break;
                         });
+                        var fontNameContent = isNullOrUndefined(_this.parent.fontFamily.default) ? fontItem[0].text :
+                            _this.parent.fontFamily.default;
                         _this.fontNameDropDown = _this.toolbarRenderer.renderDropDownButton({
                             iconCss: ((type === 'quick') ? 'e-font-name e-icons' : ''),
-                            content: _this.dropdownContent(_this.parent.fontFamily.width, type, ((type === 'quick') ? '' : getDropDownValue(fontItem, _this.parent.fontFamily.default, 'text', 'text'))),
+                            content: _this.dropdownContent(_this.parent.fontFamily.width, type, ((type === 'quick') ? '' : getDropDownValue(fontItem, fontNameContent, 'text', 'text'))),
                             cssClass: classes.CLS_DROPDOWN_POPUP + ' ' + classes.CLS_DROPDOWN_ITEMS + ' ' + classes.CLS_FONT_NAME_TB_BTN,
-                            itemName: 'FontName',
-                            items: fontItem,
-                            element: targetElement
+                            itemName: 'FontName', items: fontItem, element: targetElement
                         });
+                        if (!isNullOrUndefined(_this.parent.fontFamily.default)) {
+                            _this.getEditNode().style.fontFamily = _this.parent.fontFamily.default;
+                        }
                         break;
@@ -98,9 +101,12 @@ case 'fontsize':
                         });
+                        var fontSizeContent = isNullOrUndefined(_this.parent.fontSize.default) ? fontsize[1].text :
+                            _this.parent.fontSize.default;
                         _this.fontSizeDropDown = _this.toolbarRenderer.renderDropDownButton({
-                            content: _this.dropdownContent(_this.parent.fontSize.width, type, getFormattedFontSize(getDropDownValue(fontsize, _this.parent.fontSize.default.replace(/\s/g, ''), 'value', 'text'))),
+                            content: _this.dropdownContent(_this.parent.fontSize.width, type, getFormattedFontSize(getDropDownValue(fontsize, fontSizeContent.replace(/\s/g, ''), 'value', 'text'))),
                             cssClass: classes.CLS_DROPDOWN_POPUP + ' ' + classes.CLS_DROPDOWN_ITEMS + ' ' + classes.CLS_FONT_SIZE_TB_BTN,
-                            itemName: 'FontSize',
-                            items: fontsize,
-                            element: targetElement
+                            itemName: 'FontSize', items: fontsize, element: targetElement
                         });
+                        if (!isNullOrUndefined(_this.parent.fontSize.default)) {
+                            _this.getEditNode().style.fontSize = _this.parent.fontSize.default;
+                        }
                         break;
@@ -115,5 +121,3 @@ case 'alignments':
                             cssClass: classes.CLS_DROPDOWN_POPUP + ' ' + classes.CLS_DROPDOWN_ITEMS,
-                            itemName: 'Alignments',
-                            items: model.alignmentItems,
-                            element: targetElement
+                            itemName: 'Alignments', items: model.alignmentItems, element: targetElement
                         });
@@ -168,5 +172,13 @@ break;
                                         'quick' : 'toolbar';
+                                    var fontNameContent = isNullOrUndefined(this.parent.fontFamily.default) ? fontItems[0].text :
+                                        this.parent.fontFamily.default;
                                     var content = this.dropdownContent(this.parent.fontFamily.width, type, ((type === 'quick') ? '' :
-                                        getDropDownValue(fontItems, this.parent.fontFamily.default, 'text', 'text')));
+                                        getDropDownValue(fontItems, fontNameContent, 'text', 'text')));
                                     this.fontNameDropDown.setProperties({ content: content });
+                                    if (!isNullOrUndefined(this.parent.fontFamily.default)) {
+                                        this.getEditNode().style.fontFamily = this.parent.fontFamily.default;
+                                    }
+                                    else {
+                                        this.getEditNode().style.removeProperty('font-family');
+                                    }
                                     break;
@@ -191,4 +203,12 @@ case 'items':
                                     var type = !isNullOrUndefined(closest(this.fontSizeDropDown.element, '.' + classes.CLS_QUICK_TB)) ? 'quick' : 'toolbar';
-                                    var content = this.dropdownContent(this.parent.fontSize.width, type, getFormattedFontSize(getDropDownValue(fontsize, this.parent.fontSize.default.replace(/\s/g, ''), 'value', 'text')));
+                                    var fontSizeContent = isNullOrUndefined(this.parent.fontSize.default) ? fontsize[1].text :
+                                        this.parent.fontSize.default;
+                                    var content = this.dropdownContent(this.parent.fontSize.width, type, getFormattedFontSize(getDropDownValue(fontsize, fontSizeContent.replace(/\s/g, ''), 'value', 'text')));
                                     this.fontSizeDropDown.setProperties({ content: content });
+                                    if (!isNullOrUndefined(this.parent.fontSize.default)) {
+                                        this.getEditNode().style.fontSize = this.parent.fontSize.default;
+                                    }
+                                    else {
+                                        this.getEditNode().style.removeProperty('font-size');
+                                    }
                                     break;
@@ -213,4 +233,6 @@ case 'items':
                                     var type = !isNullOrUndefined(closest(this.formatDropDown.element, '.' + classes.CLS_QUICK_TB)) ? 'quick' : 'toolbar';
+                                    var formatContent = isNullOrUndefined(this.parent.format.default) ? formatItems[0].text :
+                                        this.parent.format.default;
                                     var content = this.dropdownContent(this.parent.format.width, type, ((type === 'quick') ? '' :
-                                        getDropDownValue(formatItems, this.parent.format.default, 'text', 'text')));
+                                        getDropDownValue(formatItems, formatContent, 'text', 'text')));
                                     this.formatDropDown.setProperties({ content: content });
@@ -230,2 +252,5 @@ break;
     };
+    DropDownButtons.prototype.getEditNode = function () {
+        return this.parent.contentModule.getEditPanel();
+    };
     DropDownButtons.prototype.rowDropDown = function (type, tbElement, targetElement) {
@@ -232,0 +257,0 @@ targetElement = select('#' + this.parent.getID() + '_' + type + '_TableRows', tbElement);

src/rich-text-editor/actions/toolbar.js

@@ -116,3 +116,3 @@ import { addClass, Browser, EventHandler, detach, removeClass, select, selectAll, KeyboardEvents } from '@syncfusion/ej2-base';
         for (var i = 0; i < transformElements.length; i++) {
-            if (transformElements[i].contains(this.parent.element)) {
+            if (!isNullOrUndefined(transformElements[i].contains) && transformElements[i].contains(this.parent.element)) {
                 this.isTransformChild = true;
@@ -119,0 +119,0 @@ break;

src/rich-text-editor/base/rich-text-editor.d.ts

@@ -698,3 +698,3 @@ import { Component, ModuleDeclaration, EmitType } from '@syncfusion/ej2-base';
     private focusHandler;
-    private setPanelValue;
+    private getUpdatedValue;
     private updateIntervalValue;
@@ -701,0 +701,0 @@ private onDocumentClick;

src/rich-text-editor/base/rich-text-editor.js

@@ -1030,15 +1030,17 @@ var __extends = (this && this.__extends) || (function () {
     };
-    RichTextEditor.prototype.setPanelValue = function () {
+    RichTextEditor.prototype.getUpdatedValue = function () {
+        var value;
         if (this.editorMode === 'HTML') {
-            this.value = (this.inputElement.innerHTML === '<p><br></p>') ? null : this.enableHtmlEncode ?
+            value = (this.inputElement.innerHTML === '<p><br></p>') ? null : this.enableHtmlEncode ?
                 this.encode(this.decode(this.inputElement.innerHTML)) : this.inputElement.innerHTML;
         }
         else {
-            this.value = this.inputElement.value === '' ? null :
+            value = this.inputElement.value === '' ? null :
                 this.inputElement.value;
         }
-        this.valueContainer.value = this.value;
+        return value;
     };
     RichTextEditor.prototype.updateIntervalValue = function () {
-        this.setPanelValue();
+        this.setProperties({ value: this.getUpdatedValue() }, true);
+        this.valueContainer.value = this.value;
         this.invokeChangeEvent();
@@ -1074,3 +1076,4 @@ };
             this.notify(events.focusChange, {});
-            this.setPanelValue();
+            var value = this.getUpdatedValue();
+            this.setProperties({ value: value });
             this.notify(events.toolbarRefresh, { args: e, documentNode: document });
@@ -1077,0 +1080,0 @@ this.invokeChangeEvent();

src/rich-text-editor/base/util.js

 /**
  * Exports util methods used by RichTextEditor.
  */
-import { isNullOrUndefined as isNOU, addClass, removeClass, selectAll, createElement } from '@syncfusion/ej2-base';
+import { isNullOrUndefined as isNOU, addClass, removeClass, selectAll, createElement, isNullOrUndefined } from '@syncfusion/ej2-base';
 import * as classes from '../base/classes';
@@ -121,6 +121,8 @@ import * as model from '../models/items';
                             result = getDropDownValue(formatItems, value, 'subCommand', 'text');
+                            var formatContent = isNullOrUndefined(e.parent.format.default) ? formatItems[0].text :
+                                e.parent.format.default;
                             dropDown.formatDropDown.content = ('<span style="display: inline-flex;' +
                                 'width:' + e.parent.format.width + '" >' +
                                 '<span class="e-rte-dropdown-btn-text">'
-                                + (isNOU(result) ? 'Paragraph' : result) +
+                                + (isNOU(result) ? formatContent : result) +
                                 '</span></span>');
@@ -144,3 +146,5 @@ dropDown.formatDropDown.dataBind();
                             result = getDropDownValue(fontNameItems, value, 'value', 'text');
-                            var name_1 = (isNOU(result) ? 'Segoe UI' : result);
+                            var fontNameContent = isNullOrUndefined(e.parent.fontFamily.default) ? fontNameItems[0].text :
+                                e.parent.fontFamily.default;
+                            var name_1 = (isNOU(result) ? fontNameContent : result);
                             e.tbElements[j].title = name_1;
@@ -158,3 +162,5 @@ dropDown.fontNameDropDown.content = ('<span style="display: inline-flex;' +
                             var fontSizeItems = e.parent.fontSize.items;
-                            result = getDropDownValue(fontSizeItems, (value === '' ? e.parent.fontSize.default.replace(/\s/g, '') : value), 'value', 'text');
+                            var fontSizeContent = isNullOrUndefined(e.parent.fontSize.default) ? fontSizeItems[1].text :
+                                e.parent.fontSize.default;
+                            result = getDropDownValue(fontSizeItems, (value === '' ? fontSizeContent.replace(/\s/g, '') : value), 'value', 'text');
                             dropDown.fontSizeDropDown.content = ('<span style="display: inline-flex;' +
@@ -161,0 +167,0 @@ 'width:' + e.parent.fontSize.width + '" >' +

src/rich-text-editor/models/toolbar-settings-model.d.ts

@@ -211,3 +211,3 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';import { ToolbarType, ActionOnScroll, ToolbarItems } from '../base/enum';import { IToolbarItems, IDropDownItemModel, ColorModeType, IToolsItemConfigs } from '../base/interface';import { TableStyleItems } from '../models/items';
      * Specifies default font family selection
-     * @default 0
+     * @default 'null'
      */
@@ -237,3 +237,3 @@ default?: string;
      * Specifies default font size selection
-     * @default 0
+     * @default 'null'
      */
@@ -263,3 +263,3 @@ default?: string;
      * Specifies default format
-     * @default 'Paragraph'
+     * @default 'null'
      */
@@ -266,0 +266,0 @@ default?: string;

src/rich-text-editor/models/toolbar-settings.d.ts

@@ -183,3 +183,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
      * Specifies default font family selection
-     * @default 0
+     * @default 'null'
      */
@@ -204,3 +204,3 @@ default: string;
      * Specifies default font size selection
-     * @default 0
+     * @default 'null'
      */
@@ -225,3 +225,3 @@ default: string;
      * Specifies default format
-     * @default 'Paragraph'
+     * @default 'null'
      */
@@ -228,0 +228,0 @@ default: string;

src/rich-text-editor/models/toolbar-settings.js

@@ -206,3 +206,3 @@ var __extends = (this && this.__extends) || (function () {
     __decorate([
-        Property('Segoe UI')
+        Property(null)
     ], FontFamily.prototype, "default", void 0);
@@ -227,3 +227,3 @@ __decorate([
     __decorate([
-        Property('10 pt')
+        Property(null)
     ], FontSize.prototype, "default", void 0);
@@ -248,3 +248,3 @@ __decorate([
     __decorate([
-        Property('Paragraph')
+        Property(null)
     ], Format.prototype, "default", void 0);
@@ -251,0 +251,0 @@ __decorate([

src/rich-text-editor/renderer/toolbar-renderer.js

@@ -284,2 +284,3 @@ import { addClass, Browser, removeClass, EventHandler, formatUnit, isNullOrUndefined } from '@syncfusion/ej2-base';
         args.element.tabIndex = -1;
+        dropDown.element.removeAttribute('type');
         dropDown.element.onmousedown = function () { proxy.parent.notify(events.selectionSave, {}); };
@@ -286,0 +287,0 @@ return dropDown;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

9468876

increased by0.34%

Lines of code

81647

increased by0.14%

Dependency changes

• Updated@syncfusion/ej2-navigations@~16.4.53

• Updated@syncfusion/ej2-popups@~16.4.53

• Updated@syncfusion/ej2-splitbuttons@~16.4.53