@tinymce/tinymce-react - npm Package Compare versions

Comparing version 2.2.6 to 2.3.0

CHANGELOG.md

@@ -0,1 +1,4 @@
+## 2.3.0 (2018-10-01)
+* Added `disabled` prop that sets the editor into readonly mode.
+
 ## 2.2.6 (2018-09-03)
@@ -2,0 +5,0 @@ * Fixed broken links in readme.

lib/cjs/components/Editor.d.ts

@@ -24,2 +24,3 @@ /// <reference types="react" />
     toolbar: string | string[];
+    disabled: boolean;
 }
@@ -26,0 +27,0 @@ export interface IAllProps extends Partial<IProps>, Partial<IEvents> {

lib/cjs/components/Editor.js

@@ -40,3 +40,3 @@ "use strict";
         _this.initialise = function () {
-            var finalInit = __assign({}, _this.props.init, { target: _this.element, inline: _this.inline, plugins: Utils_1.mergePlugins(_this.props.init && _this.props.init.plugins, _this.props.plugins), toolbar: _this.props.toolbar || (_this.props.init && _this.props.init.toolbar), setup: function (editor) {
+            var finalInit = __assign({}, _this.props.init, { target: _this.element, readonly: _this.props.disabled, inline: _this.inline, plugins: Utils_1.mergePlugins(_this.props.init && _this.props.init.plugins, _this.props.plugins), toolbar: _this.props.toolbar || (_this.props.init && _this.props.init.toolbar), setup: function (editor) {
                     _this.editor = editor;
@@ -83,2 +83,5 @@ editor.on('init', function (e) {
             }
+            if (typeof nextProps.disabled === 'boolean' && nextProps.disabled !== this.props.disabled) {
+                this.editor.setMode(nextProps.disabled ? 'readonly' : 'design');
+            }
         }
@@ -85,0 +88,0 @@ };

lib/cjs/components/EditorPropTypes.js

@@ -83,2 +83,2 @@ "use strict";
 };
-exports.EditorPropTypes = __assign({ apiKey: PropTypes.string, id: PropTypes.string, inline: PropTypes.bool, init: PropTypes.object, initialValue: PropTypes.string, onEditorChange: PropTypes.func, value: PropTypes.string, tagName: PropTypes.string, cloudChannel: PropTypes.oneOf(['stable', 'dev', 'testing']), plugins: PropTypes.oneOfType([PropTypes.string, PropTypes.array]), toolbar: PropTypes.oneOfType([PropTypes.string, PropTypes.array]) }, exports.eventPropTypes);
+exports.EditorPropTypes = __assign({ apiKey: PropTypes.string, id: PropTypes.string, inline: PropTypes.bool, init: PropTypes.object, initialValue: PropTypes.string, onEditorChange: PropTypes.func, value: PropTypes.string, tagName: PropTypes.string, cloudChannel: PropTypes.oneOf(['stable', 'dev', 'testing']), plugins: PropTypes.oneOfType([PropTypes.string, PropTypes.array]), toolbar: PropTypes.oneOfType([PropTypes.string, PropTypes.array]), disabled: PropTypes.bool }, exports.eventPropTypes);

lib/es2015/components/Editor.d.ts

@@ -24,2 +24,3 @@ /// <reference types="react" />
     toolbar: string | string[];
+    disabled: boolean;
 }
@@ -26,0 +27,0 @@ export interface IAllProps extends Partial<IProps>, Partial<IEvents> {

lib/es2015/components/Editor.js

@@ -38,3 +38,3 @@ /**
         _this.initialise = function () {
-            var finalInit = __assign({}, _this.props.init, { target: _this.element, inline: _this.inline, plugins: mergePlugins(_this.props.init && _this.props.init.plugins, _this.props.plugins), toolbar: _this.props.toolbar || (_this.props.init && _this.props.init.toolbar), setup: function (editor) {
+            var finalInit = __assign({}, _this.props.init, { target: _this.element, readonly: _this.props.disabled, inline: _this.inline, plugins: mergePlugins(_this.props.init && _this.props.init.plugins, _this.props.plugins), toolbar: _this.props.toolbar || (_this.props.init && _this.props.init.toolbar), setup: function (editor) {
                     _this.editor = editor;
@@ -81,2 +81,5 @@ editor.on('init', function (e) {
             }
+            if (typeof nextProps.disabled === 'boolean' && nextProps.disabled !== this.props.disabled) {
+                this.editor.setMode(nextProps.disabled ? 'readonly' : 'design');
+            }
         }
@@ -83,0 +86,0 @@ };

lib/es2015/components/EditorPropTypes.js

@@ -81,2 +81,2 @@ /**
 };
-export var EditorPropTypes = __assign({ apiKey: PropTypes.string, id: PropTypes.string, inline: PropTypes.bool, init: PropTypes.object, initialValue: PropTypes.string, onEditorChange: PropTypes.func, value: PropTypes.string, tagName: PropTypes.string, cloudChannel: PropTypes.oneOf(['stable', 'dev', 'testing']), plugins: PropTypes.oneOfType([PropTypes.string, PropTypes.array]), toolbar: PropTypes.oneOfType([PropTypes.string, PropTypes.array]) }, eventPropTypes);
+export var EditorPropTypes = __assign({ apiKey: PropTypes.string, id: PropTypes.string, inline: PropTypes.bool, init: PropTypes.object, initialValue: PropTypes.string, onEditorChange: PropTypes.func, value: PropTypes.string, tagName: PropTypes.string, cloudChannel: PropTypes.oneOf(['stable', 'dev', 'testing']), plugins: PropTypes.oneOfType([PropTypes.string, PropTypes.array]), toolbar: PropTypes.oneOfType([PropTypes.string, PropTypes.array]), disabled: PropTypes.bool }, eventPropTypes);

package.json

 {
   "name": "@tinymce/tinymce-react",
-  "version": "2.2.6",
+  "version": "2.3.0",
   "description": "Official TinyMCE React Component",
@@ -5,0 +5,0 @@ "repository": {

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

52443

increased by1.25%

Lines of code

1092

increased by0.74%

No dependency changes