@syncfusion/ej2-richtexteditor - npm Package Compare versions

Comparing version 16.2.46 to 16.2.47

CHANGELOG.md

@@ -5,2 +5,10 @@ # Changelog
 
+### RichTextEditor
+
+#### Bug Fixes
+
+- `FontColor` and `BackgroundColor` toolbar item not rendered in inline mode issue has been resolved.
+- RichTextEditor toolbar disabled mode content select console error issue has been resolved.
+- Provided view encapsulation support.
+
 ## 16.2.45 (2018-07-17)
@@ -7,0 +15,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 16.2.46
+*  version : 16.2.47
 *  Copyright Syncfusion Inc. 2001 - 2018. 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.2.46",
+  "version": "16.2.47",
   "description": "Essential JS 2 RichTextEditor component",
@@ -12,4 +12,4 @@ "author": "Syncfusion Inc.",
     "@syncfusion/ej2-base": "~16.2.46",
-    "@syncfusion/ej2-navigations": "~16.2.46",
-    "@syncfusion/ej2-popups": "~16.2.46",
+    "@syncfusion/ej2-navigations": "~16.2.47",
+    "@syncfusion/ej2-popups": "~16.2.47",
     "@syncfusion/ej2-splitbuttons": "~16.2.46"
@@ -16,0 +16,0 @@ },

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

@@ -1,2 +0,2 @@
-import { createElement, detach, getUniqueID, append, closest, selectAll, select, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
+import { detach, getUniqueID, append, closest, selectAll, select, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
 import { addClass, removeClass, Browser, isNullOrUndefined, setStyleAttribute } from '@syncfusion/ej2-base';
@@ -24,3 +24,3 @@ import { isCollide } from '@syncfusion/ej2-popups';
     BaseQuickToolbar.prototype.appendPopupContent = function () {
-        this.toolbarElement = createElement('div', { className: classes.CLS_QUICK_TB });
+        this.toolbarElement = this.parent.createElement('div', { className: classes.CLS_QUICK_TB });
         this.element.appendChild(this.toolbarElement);
@@ -41,3 +41,3 @@ };
         this.stringItems = args.toolbarItems;
-        this.element = createElement('div', { id: popupId, className: className + ' ' + classes.CLS_RTE_ELEMENTS });
+        this.element = this.parent.createElement('div', { id: popupId, className: className + ' ' + classes.CLS_RTE_ELEMENTS });
         this.appendPopupContent();
@@ -200,2 +200,7 @@ this.createToolbar(args.toolbarItems, args.mode);
         });
+        this.parent.notify(events.renderColorPicker, {
+            container: this.toolbarElement,
+            containerType: 'quick',
+            items: this.stringItems
+        });
         var showPopupData = {
@@ -259,2 +264,3 @@ x: x, y: y,
             this.dropDownButtons.destroyDropDowns();
+            this.parent.notify(events.destroyColorPicker, {});
             removeClass([this.element], [classes.CLS_POP]);
@@ -261,0 +267,0 @@ detach(element);

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

@@ -1,2 +0,1 @@
-import { createElement } from '@syncfusion/ej2-base';
 import { RenderType } from '../base/enum';
@@ -29,3 +28,3 @@ import { CLS_HR_SEPARATOR } from '../base/classes';
             subCommand: tools[itemStr].subCommand,
-            template: createElement(tagName, { id: this.parent.getID() + '_' + container + '_' + tools[itemStr].id }).outerHTML,
+            template: this.parent.createElement(tagName, { id: this.parent.getID() + '_' + container + '_' + tools[itemStr].id }).outerHTML,
             tooltipText: getTooltipText(itemStr, this.locator)
@@ -32,0 +31,0 @@ };

src/rich-text-editor/actions/color-picker.js

@@ -30,3 +30,3 @@ import { select } from '@syncfusion/ej2-base';
                         var targetID = _this.parent.getID() + '_' + suffixID + '_FontColor_Target';
-                        var fontNode = document.createElement('input');
+                        var fontNode = _this.parent.createElement('input');
                         fontNode.id = targetID;
@@ -48,3 +48,3 @@ fontNode.classList.add(classes.CLS_FONT_COLOR_TARGET);
                         targetID = _this.parent.getID() + '_' + suffixID + '_BackgroundColor_Target';
-                        var backNode = document.createElement('input');
+                        var backNode = _this.parent.createElement('input');
                         backNode.id = targetID;
@@ -51,0 +51,0 @@ backNode.classList.add(classes.CLS_BACKGROUND_COLOR_TARGET);

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

@@ -1,2 +0,2 @@
-import { createElement, detach } from '@syncfusion/ej2-base';
+import { detach } from '@syncfusion/ej2-base';
 import * as events from '../base/constant';
@@ -21,3 +21,3 @@ import { RenderType } from '../base/enum';
         this.initializeInstance();
-        this.element = createElement('span', { className: CLS_COUNT });
+        this.element = this.parent.createElement('span', { className: CLS_COUNT });
         this.contentRenderer.getPanel().parentElement.appendChild(this.element);
@@ -24,0 +24,0 @@ this.appendCount();

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

 import * as events from '../base/constant';
-import { isNullOrUndefined, closest, createElement } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, closest } from '@syncfusion/ej2-base';
 import { HTMLFormatter } from '../formatter/html-formatter';
@@ -92,3 +92,3 @@ import { RenderType } from '../base/enum';
         if (selectNodeEle[0].nodeName !== 'A' && urlText.match(regex)) {
-            var url = createElement('a', { attrs: { href: urlText } });
+            var url = this.parent.createElement('a', { attrs: { href: urlText } });
             url.innerHTML = urlText;
@@ -95,0 +95,0 @@ InsertHtml.Insert(this.contentRenderer.getDocument(), url);

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

 import { addClass, Browser, EventHandler, detach, removeClass, select, selectAll, KeyboardEvents } from '@syncfusion/ej2-base';
-import { createElement as createEle, isNullOrUndefined as isNOU, closest } from '@syncfusion/ej2-base';
+import { isNullOrUndefined as isNOU, closest } from '@syncfusion/ej2-base';
 import * as events from '../base/constant';
@@ -44,3 +44,3 @@ import * as classes from '../base/classes';
     Toolbar.prototype.createToolbarElement = function () {
-        this.tbElement = createEle('div', { id: this.parent.getID() + '_toolbar' });
+        this.tbElement = this.parent.createElement('div', { id: this.parent.getID() + '_toolbar' });
         if (!Browser.isDevice && this.parent.inlineMode.enable) {
@@ -51,3 +51,3 @@ return;
             if (this.parent.toolbarSettings.enableFloating && !this.parent.inlineMode.enable) {
-                this.tbWrapper = createEle('div', {
+                this.tbWrapper = this.parent.createElement('div', {
                     id: this.parent.getID() + '_toolbar_wrapper',
@@ -54,0 +54,0 @@ innerHTML: this.tbElement.outerHTML,

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

@@ -1,2 +0,2 @@
-import { Component, ModuleDeclaration, EventHandler, Complex, Browser, EmitType, addClass, select } from '@syncfusion/ej2-base';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, formatUnit, L10n, closest } from '@syncfusion/ej2-base';import { setStyleAttribute, Event, removeClass, print as printWindow, attributes, createElement } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, compile, append, MouseEventArgs } from '@syncfusion/ej2-base';import { getScrollableParent } from '@syncfusion/ej2-popups';import * as events from '../base/constant';import * as classes from '../base/classes';import { Render } from '../renderer/render';import { ViewSource } from '../renderer/view-source';import { IRenderer, IFormatter, PrintEventArgs, ActionCompleteEventArgs, ActionBeginEventArgs } from './interface';import { IFontProperties, IFormatProperties, IColorProperties, IExecutionGroup, executeGroup, CommandName } from './interface';import { ServiceLocator } from '../services/service-locator';import { RendererFactory } from '../services/renderer-factory';import { RenderType, ToolbarType } from './enum';import { EditorMode } from './../../common/types';import { Toolbar } from '../actions/toolbar';import { ExecCommandCallBack } from '../actions/execute-command-callback';import { KeyboardEvents, KeyboardEventArgs } from '../actions/keyboard';import { ToolbarSettingsModel, IFrameSettingsModel, ImageSettingsModel } from '../models/models';import { QuickToolbarSettingsModel, InlineModeModel } from '../models/models';import { ToolbarSettings, ImageSettings, QuickToolbarSettings, FontFamily, FontSize, Format } from '../models/toolbar-settings';import { FontColor, BackgroundColor } from '../models/toolbar-settings';import { IFrameSettings } from '../models/iframe-settings';import { InlineMode } from '../models/inline-mode';import { Link } from '../renderer/link-module';import { Image } from '../renderer/image-module';import { Count } from '../actions/count';import { HtmlEditor } from '../actions/html-editor';import { MarkdownEditor } from '../actions/markdown-editor';import { defaultLocale } from '../models/default-locale';import { setAttributes } from '../actions/html-attributes';import { BaseToolbar } from '../actions/base-toolbar';import { QuickToolbar } from '../actions/quick-toolbar';import { FullScreen } from '../actions/full-screen';import * as CONSTANT from '../../common/constant';import { IHtmlKeyboardEvent } from '../../editor-manager/base/interface';import { dispatchEvent } from '../base/util';
+import { Component, ModuleDeclaration, EventHandler, Complex, Browser, EmitType, addClass, select } from '@syncfusion/ej2-base';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, formatUnit, L10n, closest } from '@syncfusion/ej2-base';import { setStyleAttribute, Event, removeClass, print as printWindow, attributes } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, compile, append, MouseEventArgs } from '@syncfusion/ej2-base';import { getScrollableParent } from '@syncfusion/ej2-popups';import * as events from '../base/constant';import * as classes from '../base/classes';import { Render } from '../renderer/render';import { ViewSource } from '../renderer/view-source';import { IRenderer, IFormatter, PrintEventArgs, ActionCompleteEventArgs, ActionBeginEventArgs } from './interface';import { IFontProperties, IFormatProperties, IColorProperties, IExecutionGroup, executeGroup, CommandName } from './interface';import { ServiceLocator } from '../services/service-locator';import { RendererFactory } from '../services/renderer-factory';import { RenderType, ToolbarType } from './enum';import { EditorMode } from './../../common/types';import { Toolbar } from '../actions/toolbar';import { ExecCommandCallBack } from '../actions/execute-command-callback';import { KeyboardEvents, KeyboardEventArgs } from '../actions/keyboard';import { ToolbarSettingsModel, IFrameSettingsModel, ImageSettingsModel } from '../models/models';import { QuickToolbarSettingsModel, InlineModeModel } from '../models/models';import { ToolbarSettings, ImageSettings, QuickToolbarSettings, FontFamily, FontSize, Format } from '../models/toolbar-settings';import { FontColor, BackgroundColor } from '../models/toolbar-settings';import { IFrameSettings } from '../models/iframe-settings';import { InlineMode } from '../models/inline-mode';import { Link } from '../renderer/link-module';import { Image } from '../renderer/image-module';import { Count } from '../actions/count';import { HtmlEditor } from '../actions/html-editor';import { MarkdownEditor } from '../actions/markdown-editor';import { defaultLocale } from '../models/default-locale';import { setAttributes } from '../actions/html-attributes';import { BaseToolbar } from '../actions/base-toolbar';import { QuickToolbar } from '../actions/quick-toolbar';import { FullScreen } from '../actions/full-screen';import * as CONSTANT from '../../common/constant';import { IHtmlKeyboardEvent } from '../../editor-manager/base/interface';import { dispatchEvent } from '../base/util';
 import {ChangeEventArgs} from "./rich-text-editor";
@@ -3,0 +3,0 @@ import {ComponentModel} from '@syncfusion/ej2-base';

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

@@ -19,3 +19,3 @@ var __extends = (this && this.__extends) || (function () {
 import { Property, NotifyPropertyChanges, formatUnit, L10n, closest } from '@syncfusion/ej2-base';
-import { setStyleAttribute, Event, removeClass, print as printWindow, attributes, createElement } from '@syncfusion/ej2-base';
+import { setStyleAttribute, Event, removeClass, print as printWindow, attributes } from '@syncfusion/ej2-base';
 import { isNullOrUndefined as isNOU, compile, append } from '@syncfusion/ej2-base';
@@ -88,2 +88,5 @@ import { getScrollableParent } from '@syncfusion/ej2-popups';
             });
+            if (this.quickToolbarSettings.enable) {
+                modules.push({ member: 'quickToolbar', args: [this, this.serviceLocator] });
+            }
         }
@@ -99,5 +102,2 @@ if (this.showCharCount) {
         }
-        if (this.quickToolbarSettings.enable) {
-            modules.push({ member: 'quickToolbar', args: [this, this.serviceLocator] });
-        }
         return modules;
@@ -144,3 +144,3 @@ };
         if (this.element.tagName === 'TEXTAREA') {
-            var rteOutterWrapper = createElement('div', {
+            var rteOutterWrapper = this.createElement('div', {
                 className: 'e-control e-richtexteditor', id: this.getID()
@@ -156,3 +156,3 @@ });
         else {
-            this.valueContainer = createElement('textarea', {
+            this.valueContainer = this.createElement('textarea', {
                 id: this.getID() + '-value'
@@ -223,3 +223,3 @@ });
     RichTextEditor.prototype.encode = function (value) {
-        var divNode = document.createElement('div');
+        var divNode = this.createElement('div');
         divNode.innerText = value.trim();
@@ -539,3 +539,3 @@ return divNode.innerHTML.replace(/<br\s*[\/]?>/gi, '\n');
             if (!this.placeHolderWrapper) {
-                this.placeHolderWrapper = createElement('span', { className: 'rte-placeholder' });
+                this.placeHolderWrapper = this.createElement('span', { className: 'rte-placeholder' });
                 if (this.inputElement) {
@@ -727,3 +727,3 @@ this.inputElement.parentElement.insertBefore(this.placeHolderWrapper, this.inputElement);
     RichTextEditor.prototype.createScriptElement = function () {
-        var scriptEle = createElement('script', {
+        var scriptEle = this.createElement('script', {
             className: classes.CLS_SCRIPT_SHEET
@@ -735,3 +735,3 @@ });
     RichTextEditor.prototype.createStyleElement = function () {
-        var styleEle = createElement('link', {
+        var styleEle = this.createElement('link', {
             className: classes.CLS_STYLE_SHEET
@@ -738,0 +738,0 @@ });

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

@@ -1,2 +0,1 @@
-import { createElement } from '@syncfusion/ej2-base';
 /**
@@ -19,5 +18,5 @@ * Content module is used to render RichTextEditor content
         var rteObj = this.parent;
-        var div = createElement('div', { className: 'e-rte-content', id: this.parent.getID() + 'rte-view' });
+        var div = this.parent.createElement('div', { className: 'e-rte-content', id: this.parent.getID() + 'rte-view' });
         var rteContent = (rteObj.value !== null && rteObj.value !== '') ? rteObj.value : '<p><br/></p>';
-        this.editableElement = createElement('div', {
+        this.editableElement = this.parent.createElement('div', {
             className: 'e-content',
@@ -24,0 +23,0 @@ id: this.parent.getID() + '_rte-edit-view',

src/rich-text-editor/renderer/iframe-content-renderer.js

@@ -11,3 +11,2 @@ var __extends = (this && this.__extends) || (function () {
 })();
-import { createElement } from '@syncfusion/ej2-base';
 import { ContentRender } from '../renderer/content-renderer';
@@ -35,3 +34,3 @@ /* tslint:disable */
         var iFrameContent = IFRAMEHEADER + iFrameBodyContent;
-        var iframe = createElement('iframe', {
+        var iframe = this.parent.createElement('iframe', {
             innerHTML: iFrameContent,
@@ -38,0 +37,0 @@ id: this.parent.getID() + '_rte-view',

src/rich-text-editor/renderer/image-module.js

@@ -1,2 +0,2 @@
-import { createElement, addClass, detach, EventHandler, isNullOrUndefined } from '@syncfusion/ej2-base';
+import { addClass, detach, EventHandler, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { Browser, closest, removeClass } from '@syncfusion/ej2-base';
@@ -342,3 +342,3 @@ import * as events from '../base/constant';
         if (!isNullOrUndefined(this.dialogObj)) {
-            var linkWrap = createElement('div', { className: 'e-img-linkwrap' });
+            var linkWrap = this.parent.createElement('div', { className: 'e-img-linkwrap' });
             var linkUrl = this.i10n.getConstant('linkurl');
@@ -396,3 +396,3 @@ var content = '<div class="e-rte-field">' +
         if (!isNullOrUndefined(this.dialogObj)) {
-            var altWrap = createElement('div', { className: 'e-img-altwrap' });
+            var altWrap = this.parent.createElement('div', { className: 'e-img-altwrap' });
             var altHeader = this.i10n.getConstant('alternateHeader');
@@ -452,3 +452,3 @@ var linkUpdate = this.i10n.getConstant('dialogUpdate');
         e.selection.restore();
-        var anchor = createElement('a', {
+        var anchor = this.parent.createElement('a', {
             attrs: {
@@ -507,8 +507,8 @@ href: url,
         else {
-            this.captionEle = createElement('span', {
+            this.captionEle = this.parent.createElement('span', {
                 className: classes.CLS_CAPTION,
                 attrs: { contenteditable: 'false', draggable: 'false' }
             });
-            var imgWrap = createElement('span', { className: 'e-img-wrap' });
-            var imgInner = createElement('span', { className: 'e-img-inner', attrs: { contenteditable: 'true' } });
+            var imgWrap = this.parent.createElement('span', { className: 'e-img-wrap' });
+            var imgInner = this.parent.createElement('span', { className: 'e-img-inner', attrs: { contenteditable: 'true' } });
             imgWrap.appendChild(e.selectNode[0]);
@@ -658,3 +658,3 @@ imgWrap.appendChild(imgInner);
         }
-        var imgDialog = createElement('div', { className: 'e-rte-img-dialog', id: this.rteID + '_image' });
+        var imgDialog = this.parent.createElement('div', { className: 'e-rte-img-dialog', id: this.rteID + '_image' });
         this.parent.element.appendChild(imgDialog);
@@ -731,5 +731,8 @@ var imgInsert = this.i10n.getConstant('dialogInsert');
     Image.prototype.imageUrlPopup = function (e) {
-        var imgUrl = createElement('div', { className: 'imgUrl' });
+        var imgUrl = this.parent.createElement('div', { className: 'imgUrl' });
         var placeUrl = this.i10n.getConstant('imageUrl');
-        this.inputUrl = createElement('input', { className: 'e-input e-img-url', attrs: { placeholder: placeUrl, spellcheck: 'false' } });
+        this.inputUrl = this.parent.createElement('input', {
+            className: 'e-input e-img-url',
+            attrs: { placeholder: placeUrl, spellcheck: 'false' }
+        });
         imgUrl.appendChild(this.inputUrl);
@@ -771,3 +774,3 @@ return imgUrl;
         var imgWidth = this.i10n.getConstant('imageWidth');
-        var imgSizeWrap = createElement('div', { className: 'e-img-sizewrap' });
+        var imgSizeWrap = this.parent.createElement('div', { className: 'e-img-sizewrap' });
         var widthVal = (selectNode.getAttribute('width') === 'auto' ||
@@ -806,3 +809,3 @@ isNullOrUndefined(selectNode.getAttribute('width'))) ? selectNode.width : selectNode.getAttribute('width');
         if (!isNullOrUndefined(this.dialogObj)) {
-            var dialogContent = createElement('div', { className: 'e-img-content' });
+            var dialogContent = this.parent.createElement('div', { className: 'e-img-content' });
             if ((!isNullOrUndefined(this.parent.insertImageSettings.path) && this.parent.editorMode === 'Markdown')
@@ -812,3 +815,3 @@ || this.parent.editorMode === 'HTML') {
             }
-            var linkHeader = createElement('div', { className: 'e-linkheader' });
+            var linkHeader = this.parent.createElement('div', { className: 'e-linkheader' });
             var linkHeaderText = this.i10n.getConstant('imageLinkHeader');
@@ -856,8 +859,8 @@ if (this.parent.editorMode === 'HTML') {
         }
-        var uploadParentEle = createElement('div', { className: 'e-img-uploadwrap e-droparea' });
+        var uploadParentEle = this.parent.createElement('div', { className: 'e-img-uploadwrap e-droparea' });
         var deviceImgUpMsg = this.i10n.getConstant('imageDeviceUploadMessage');
         var imgUpMsg = this.i10n.getConstant('imageUploadMessage');
-        var span = createElement('span', { className: 'e-droptext' });
+        var span = this.parent.createElement('span', { className: 'e-droptext' });
         span.innerHTML = (Browser.isDevice) ? deviceImgUpMsg : imgUpMsg;
-        var btnEle = createElement('button', {
+        var btnEle = this.parent.createElement('button', {
             className: 'e-browsebtn', id: this.rteID + '_insertImage',
@@ -873,3 +876,3 @@ attrs: { autofocus: 'true', type: 'button' }
         EventHandler.add(btnClick, 'click', this.fileSelect, this);
-        var uploadEle = createElement('input', {
+        var uploadEle = this.parent.createElement('input', {
             id: this.rteID + '_upload', attrs: { type: 'File', name: 'UploadFiles' }
@@ -876,0 +879,0 @@ });

src/rich-text-editor/renderer/link-module.js

@@ -1,2 +0,2 @@
-import { createElement, EventHandler, detach, isNullOrUndefined } from '@syncfusion/ej2-base';
+import { EventHandler, detach, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { closest, addClass, removeClass, Browser } from '@syncfusion/ej2-base';
@@ -186,5 +186,7 @@ import * as events from '../base/constant';
         var textPlace = this.i10n.getConstant('textPlaceholder');
-        var linkDialogEle = createElement('div', { className: 'e-rte-link-dialog', id: this.rteID + '_rtelink' });
+        var linkDialogEle = this.parent.createElement('div', { className: 'e-rte-link-dialog', id: this.rteID + '_rtelink' });
         this.parent.element.appendChild(linkDialogEle);
-        var linkContent = createElement('div', { className: 'e-rte-linkcontent', id: this.rteID + '_linkContent' });
+        var linkContent = this.parent.createElement('div', {
+            className: 'e-rte-linkcontent', id: this.rteID + '_linkContent'
+        });
         var htmlTextbox = (this.parent.editorMode === 'HTML') ? '<label>' + linkTooltip +
@@ -191,0 +193,0 @@ '</label></div><div class="e-rte-field">' +

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

@@ -1,2 +0,1 @@
-import { createElement } from '@syncfusion/ej2-base';
 /**
@@ -19,4 +18,4 @@ * Markdown module is used to render RichTextEditor as Markdown editor content
         var rteObj = this.parent;
-        var div = createElement('div', { id: this.rteID + '_view', className: 'e-rte-content' });
-        this.editableElement = createElement('textarea', {
+        var div = this.parent.createElement('div', { id: this.rteID + '_view', className: 'e-rte-content' });
+        this.editableElement = this.parent.createElement('textarea', {
             className: 'e-content',
@@ -23,0 +22,0 @@ id: this.rteID + '_editable-content'

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

 import { addClass, Browser, removeClass, EventHandler } from '@syncfusion/ej2-base';
-import { getInstance, createElement, closest } from '@syncfusion/ej2-base';
+import { getInstance, closest } from '@syncfusion/ej2-base';
 import { Toolbar } from '@syncfusion/ej2-navigations';
@@ -101,3 +101,3 @@ import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
                 for (var index = 0; index < args.element.childNodes.length; index++) {
-                    var divNode = document.createElement('div');
+                    var divNode = _this.parent.createElement('div');
                     divNode.innerHTML = dropDown.content.trim();
@@ -140,3 +140,3 @@ if (divNode.textContent.trim() !== ''
         if (!closest(element, '.e-popup-container')) {
-            var popupContainer = createElement('div', { className: 'e-popup-container e-center' });
+            var popupContainer = this.parent.createElement('div', { className: 'e-popup-container e-center' });
             element.parentNode.insertBefore(popupContainer, element);
@@ -148,3 +148,3 @@ popupContainer.appendChild(element);
             addClass([element], 'e-popup-modal');
-            this.popupOverlay = createElement('div', { className: 'e-popup-overlay' });
+            this.popupOverlay = this.parent.createElement('div', { className: 'e-popup-overlay' });
             this.popupOverlay.style.zIndex = (parseInt(element.style.zIndex, null) - 1).toString();
@@ -281,3 +281,4 @@ this.popupOverlay.style.display = 'block';
             enableRtl: this.parent.enableRtl,
-            value: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default),
+            value: (!this.parent.inlineMode.enable) ?
+                ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default) : null,
             inline: true,
@@ -284,0 +285,0 @@ mode: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.mode : proxy.parent.fontColor.mode),

src/rich-text-editor/renderer/view-source.js

@@ -1,2 +0,2 @@
-import { createElement, removeClass, selectAll, isNullOrUndefined, EventHandler } from '@syncfusion/ej2-base';
+import { removeClass, selectAll, isNullOrUndefined, EventHandler } from '@syncfusion/ej2-base';
 import * as events from '../base/constant';
@@ -37,3 +37,3 @@ import { CLS_EXPAND_OPEN, CLS_TB_ITEM, CLS_ACTIVE } from '../base/classes';
     ViewSource.prototype.getSourceCode = function () {
-        return createElement('textarea', { className: 'e-rte-srctextarea' });
+        return this.parent.createElement('textarea', { className: 'e-rte-srctextarea' });
     };
@@ -102,3 +102,5 @@ ViewSource.prototype.wireEvent = function (element) {
             if (isNullOrUndefined(this.parent.element.querySelector('#' + this.parent.element.id + '_source-view'))) {
-                rteContent = createElement('div', { className: 'e-source-content', id: this.parent.element.id + '_source-view' });
+                rteContent = this.parent.createElement('div', {
+                    className: 'e-source-content', id: this.parent.element.id + '_source-view'
+                });
             }
@@ -105,0 +107,0 @@ else {

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

16300351

increased by0.21%

Lines of code

187145

increased by0.08%

Dependency changes

• Updated@syncfusion/ej2-navigations@~16.2.47

• Updated@syncfusion/ej2-popups@~16.2.47