Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@ckeditor/ckeditor5-editor-decoupled
Advanced tools
@ckeditor/ckeditor5-editor-decoupled - npm Package Compare versions
Comparing version 0.0.1 to 1.0.0-beta.1
| { | ||
| "name": "@ckeditor/ckeditor5-editor-decoupled", | ||
| "version": "0.0.1", | ||
| "version": "1.0.0-beta.1", | ||
| "description": "Decoupled editor implementation for CKEditor 5.", | ||
@@ -10,15 +10,15 @@ "keywords": [ | ||
| "dependencies": { | ||
| "@ckeditor/ckeditor5-core": "^1.0.0-alpha.2", | ||
| "@ckeditor/ckeditor5-engine": "^1.0.0-alpha.2", | ||
| "@ckeditor/ckeditor5-theme-lark": "^1.0.0-alpha.2", | ||
| "@ckeditor/ckeditor5-ui": "^1.0.0-alpha.2", | ||
| "@ckeditor/ckeditor5-utils": "^1.0.0-alpha.2" | ||
| "@ckeditor/ckeditor5-core": "^1.0.0-beta.1", | ||
| "@ckeditor/ckeditor5-engine": "^1.0.0-beta.1", | ||
| "@ckeditor/ckeditor5-theme-lark": "^1.0.0-beta.1", | ||
| "@ckeditor/ckeditor5-ui": "^1.0.0-beta.1", | ||
| "@ckeditor/ckeditor5-utils": "^1.0.0-beta.1" | ||
| }, | ||
| "devDependencies": { | ||
| "@ckeditor/ckeditor5-basic-styles": "^1.0.0-alpha.2", | ||
| "@ckeditor/ckeditor5-enter": "^1.0.0-alpha.2", | ||
| "@ckeditor/ckeditor5-heading": "^1.0.0-alpha.2", | ||
| "@ckeditor/ckeditor5-paragraph": "^1.0.0-alpha.2", | ||
| "@ckeditor/ckeditor5-typing": "^1.0.0-alpha.2", | ||
| "@ckeditor/ckeditor5-undo": "^1.0.0-alpha.2", | ||
| "@ckeditor/ckeditor5-basic-styles": "^1.0.0-beta.1", | ||
| "@ckeditor/ckeditor5-enter": "^1.0.0-beta.1", | ||
| "@ckeditor/ckeditor5-heading": "^1.0.0-beta.1", | ||
| "@ckeditor/ckeditor5-paragraph": "^1.0.0-beta.1", | ||
| "@ckeditor/ckeditor5-typing": "^1.0.0-beta.1", | ||
| "@ckeditor/ckeditor5-undo": "^1.0.0-beta.1", | ||
| "eslint": "^4.15.0", | ||
@@ -25,0 +25,0 @@ "eslint-config-ckeditor5": "^1.0.7", |
@@ -89,6 +89,6 @@ /** | ||
| * // The location of the toolbar in DOM. | ||
| * toolbarContainer: 'body div.toolbar-container', | ||
| * toolbarContainer: document.querySelector( 'body div.toolbar-container' ), | ||
| * | ||
| * // The location of the editable in DOM. | ||
| * editableContainer: 'body div.editable-container' | ||
| * editableContainer: document.querySelector( 'body div.editable-container' ) | ||
| * } ) | ||
@@ -116,6 +116,6 @@ * .then( editor => { | ||
| * // The location of the toolbar in DOM. | ||
| * toolbarContainer: 'div.toolbar-container', | ||
| * toolbarContainer: document.querySelector( 'div.toolbar-container' ), | ||
| * | ||
| * // The location of the editable in DOM. | ||
| * editableContainer: 'div.editable-container' | ||
| * editableContainer: document.querySelector( 'div.editable-container' ) | ||
| * } ) | ||
@@ -162,3 +162,3 @@ * .then( editor => { | ||
| .then( () => editor.editing.view.attachDomRoot( editor.ui.view.editableElement ) ) | ||
| .then( () => editor.data.set( data ) ) | ||
| .then( () => editor.data.init( data ) ) | ||
| .then( () => { | ||
@@ -179,4 +179,3 @@ editor.fire( 'dataReady' ); | ||
| * | ||
| * When specified, it controls the location of the {@link module:editor-decoupled/decouplededitoruiview~DecoupledEditorUIView#toolbar}. | ||
| * It can be defined as a DOM element: | ||
| * When specified, it controls the location of the {@link module:editor-decoupled/decouplededitoruiview~DecoupledEditorUIView#toolbar}: | ||
| * | ||
@@ -195,16 +194,2 @@ * DecoupledEditor | ||
| * | ||
| * or a selector string corresponding to the CSS selector: | ||
| * | ||
| * DecoupledEditor | ||
| * .create( '<p>Hello world!</p>', { | ||
| * // Append the toolbar to the <div class="container">...</div> | ||
| * toolbarContainer: 'div.container' | ||
| * } ) | ||
| * .then( editor => { | ||
| * console.log( editor ); | ||
| * } ) | ||
| * .catch( error => { | ||
| * console.error( error ); | ||
| * } ); | ||
| * | ||
| * **Note**: If not specified, the toolbar must be manually injected into DOM. See | ||
@@ -214,3 +199,3 @@ * {@link module:editor-decoupled/decouplededitor~DecoupledEditor.create `DecoupledEditor.create()`} | ||
| * | ||
| * @member {String|HTMLElement} module:core/editor/editorconfig~EditorConfig#toolbarContainer | ||
| * @member {HTMLElement} module:core/editor/editorconfig~EditorConfig#toolbarContainer | ||
| */ | ||
@@ -221,4 +206,3 @@ | ||
| * | ||
| * When specified, it controls the location of the {@link module:editor-decoupled/decouplededitoruiview~DecoupledEditorUIView#editable}. | ||
| * It can be defined as a DOM element: | ||
| * When specified, it controls the location of the {@link module:editor-decoupled/decouplededitoruiview~DecoupledEditorUIView#editable}: | ||
| * | ||
@@ -237,16 +221,2 @@ * DecoupledEditor | ||
| * | ||
| * or a selector string corresponding to the CSS selector: | ||
| * | ||
| * DecoupledEditor | ||
| * .create( '<p>Hello world!</p>', { | ||
| * // Append the editable to the <div class="container">...</div>. | ||
| * editableContainer: 'div.container' | ||
| * } ) | ||
| * .then( editor => { | ||
| * console.log( editor ); | ||
| * } ) | ||
| * .catch( error => { | ||
| * console.error( error ); | ||
| * } ); | ||
| * | ||
| * **Note**: If not specified, the editable must be manually injected into DOM. See | ||
@@ -256,3 +226,3 @@ * {@link module:editor-decoupled/decouplededitor~DecoupledEditor.create `DecoupledEditor.create()`} | ||
| * | ||
| * @member {String|HTMLElement} module:core/editor/editorconfig~EditorConfig#editableContainer | ||
| * @member {HTMLElement} module:core/editor/editorconfig~EditorConfig#editableContainer | ||
| */ |
@@ -14,3 +14,2 @@ /** | ||
| import normalizeToolbarConfig from '@ckeditor/ckeditor5-ui/src/toolbar/normalizetoolbarconfig'; | ||
| import global from '@ckeditor/ckeditor5-utils/src/dom/global'; | ||
@@ -73,10 +72,2 @@ /** | ||
| this._editableContainer = editor.config.get( 'editableContainer' ); | ||
| if ( this._toolbarContainer && typeof this._toolbarContainer == 'string' ) { | ||
| this._toolbarContainer = global.document.querySelector( this._toolbarContainer ); | ||
| } | ||
| if ( this._editableContainer && typeof this._editableContainer == 'string' ) { | ||
| this._editableContainer = global.document.querySelector( this._editableContainer ); | ||
| } | ||
| } | ||
@@ -83,0 +74,0 @@ |
@@ -15,4 +15,2 @@ /** | ||
| import '../theme/decouplededitor.css'; | ||
| /** | ||
@@ -61,12 +59,4 @@ * The decoupled editor UI view. It's a virtual view providing an inline | ||
| } ); | ||
| } | ||
| /** | ||
| * @inheritDoc | ||
| */ | ||
| render() { | ||
| super.render(); | ||
| this.toolbar.render(); | ||
| this.editable.render(); | ||
| this.registerChildren( [ this.toolbar, this.editable ] ); | ||
| } | ||
@@ -91,5 +81,2 @@ | ||
| } | ||
| this.toolbar.destroy(); | ||
| this.editable.destroy(); | ||
| } | ||
@@ -96,0 +83,0 @@ |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-4.89%
20181
- Lines of code
- decreased by-11.89%
378