@ckeditor/ckeditor5-editor-inline 29.2.0 → 32.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/LICENSE.md +2 -2
- package/README.md +1 -1
- package/build/editor-inline.js +2 -3
- package/package.json +17 -17
- package/src/index.js +1 -1
- package/src/inlineeditor.js +5 -5
- package/src/inlineeditorui.js +2 -4
- package/src/inlineeditoruiview.js +17 -8
- package/CHANGELOG.md +0 -207
package/LICENSE.md
CHANGED
@@ -2,7 +2,7 @@ Software License Agreement
|
|
2
2
|
==========================
|
3
3
|
|
4
4
|
**Inline editor implementation** – https://github.com/ckeditor/ckeditor5-editor-inline <br>
|
5
|
-
Copyright (c) 2003-
|
5
|
+
Copyright (c) 2003-2022, [CKSource](http://cksource.com) Holding sp. z o.o. All rights reserved.
|
6
6
|
|
7
7
|
Licensed under the terms of [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html).
|
8
8
|
|
@@ -14,4 +14,4 @@ Where not otherwise indicated, all CKEditor content is authored by CKSource engi
|
|
14
14
|
Trademarks
|
15
15
|
----------
|
16
16
|
|
17
|
-
**CKEditor** is a trademark of [CKSource](http://cksource.com)
|
17
|
+
**CKEditor** is a trademark of [CKSource](http://cksource.com) Holding sp. z o.o. All other brand and product names are trademarks, registered trademarks or service marks of their respective holders.
|
package/README.md
CHANGED
@@ -9,7 +9,7 @@ The inline editor implementation for CKEditor 5.
|
|
9
9
|
|
10
10
|
This package exposes the [`InlineEditor`](https://ckeditor.com/docs/ckeditor5/latest/api/module_editor-inline_inlineeditor-InlineEditor.html) class. Follow there to learn more about this type of editor and how to initialize it.
|
11
11
|
|
12
|
-
This package contains the source version of the inline editor. This editor implementation is also available in the [inline build](https://www.npmjs.com/package/@ckeditor/ckeditor5-build-inline). Read more about [CKEditor 5
|
12
|
+
This package contains the source version of the inline editor. This editor implementation is also available in the [inline build](https://www.npmjs.com/package/@ckeditor/ckeditor5-build-inline). Read more about [CKEditor 5 builds](https://ckeditor.com/docs/ckeditor5/latest/builds/index.html).
|
13
13
|
|
14
14
|
## Documentation
|
15
15
|
|
package/build/editor-inline.js
CHANGED
@@ -1,5 +1,4 @@
|
|
1
1
|
/*!
|
2
|
-
* @license Copyright (c) 2003-
|
2
|
+
* @license Copyright (c) 2003-2022, CKSource - Frederico Knabben. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md.
|
4
|
-
*/
|
5
|
-
window.CKEditor5=window.CKEditor5||{},window.CKEditor5.editorInline=function(t){var e={};function o(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=t,o.c=e,o.d=function(t,e,i){o.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(o.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(i,r,function(e){return t[e]}.bind(null,r));return i},o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,"a",e),e},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.p="",o(o.s=7)}([function(t,e,o){t.exports=o(3)("./src/utils.js")},function(t,e,o){t.exports=o(3)("./src/core.js")},function(t,e,o){t.exports=o(3)("./src/ui.js")},function(t,e){t.exports=CKEditor5.dll},function(t,e,o){t.exports=o(3)("./src/engine.js")},function(t,e,o){"use strict";(function(t){var o="object"==typeof t&&t&&t.Object===Object&&t;e.a=o}).call(this,o(6))},function(t,e){var o;o=function(){return this}();try{o=o||new Function("return this")()}catch(t){"object"==typeof window&&(o=window)}t.exports=o},function(t,e,o){"use strict";o.r(e),o.d(e,"InlineEditor",(function(){return D}));var i=o(1),r=o(0);var n=function(t){return null!=t&&"object"==typeof t},s=o(5),l="object"==typeof self&&self&&self.Object===Object&&self,a=(s.a||l||Function("return this")()).Symbol,c=Object.prototype,u=c.hasOwnProperty,d=c.toString,h=a?a.toStringTag:void 0;var f=function(t){var e=u.call(t,h),o=t[h];try{t[h]=void 0;var i=!0}catch(t){}var r=d.call(t);return i&&(e?t[h]=o:delete t[h]),r},p=Object.prototype.toString;var b=function(t){return p.call(t)},g=a?a.toStringTag:void 0;var w=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":g&&g in Object(t)?f(t):b(t)};var v=function(t,e){return function(o){return t(e(o))}}(Object.getPrototypeOf,Object),m=Function.prototype,O=Object.prototype,y=m.toString,j=O.hasOwnProperty,T=y.call(Object);var E=function(t){if(!n(t)||"[object Object]"!=w(t))return!1;var e=v(t);if(null===e)return!0;var o=j.call(e,"constructor")&&e.constructor;return"function"==typeof o&&o instanceof o&&y.call(o)==T};var P=function(t){return n(t)&&1===t.nodeType&&!E(t)},_=o(2),x=o(4);class F extends i.EditorUI{constructor(t,e){super(t),this.view=e,this._toolbarConfig=Object(_.normalizeToolbarConfig)(t.config.get("toolbar"))}get element(){return this.view.editable.element}init(){const t=this.editor,e=this.view,o=t.editing.view,i=e.editable,r=o.document.getRoot();i.name=r.rootName,e.render();const n=i.element;this.setEditableElement(i.name,n),this.focusTracker.add(n),i.bind("isFocused").to(this.focusTracker),o.attachDomRoot(n),this._initPlaceholder(),this._initToolbar(),this.fire("ready")}destroy(){const t=this.view;this.editor.editing.view.detachDomRoot(t.editable.name),t.destroy(),super.destroy()}_initToolbar(){const t=this.editor,e=this.view,o=e.editable.element,i=t.editing.view,r=e.toolbar;e.panel.bind("isVisible").to(this.focusTracker,"isFocused"),this._toolbarConfig.viewportTopOffset&&(e.viewportTopOffset=this._toolbarConfig.viewportTopOffset),e.listenTo(t.ui,"update",()=>{e.panel.isVisible&&e.panel.pin({target:o,positions:e.panelPositions})}),r.fillFromConfig(this._toolbarConfig,this.componentFactory),Object(_.enableToolbarKeyboardFocus)({origin:i,originFocusTracker:this.focusTracker,originKeystrokeHandler:t.keystrokes,toolbar:r})}_initPlaceholder(){const t=this.editor,e=t.editing.view,o=e.document.getRoot(),i=t.sourceElement,r=t.config.get("placeholder")||i&&"textarea"===i.tagName.toLowerCase()&&i.getAttribute("placeholder");r&&Object(x.enablePlaceholder)({view:e,element:o,text:r,isDirectHost:!1,keepOnFocus:!0})}}const C=Object(r.toUnit)("px");class S extends _.EditorUIView{constructor(t,e,o,i={}){super(t),this.toolbar=new _.ToolbarView(t,{shouldGroupWhenFull:i.shouldToolbarGroupWhenFull,isFloating:!0}),this.set("viewportTopOffset",0),this.panel=new _.BalloonPanelView(t),this.panel.withArrow=!1,this.panelPositions=this._getPanelPositions(),this.panel.extendTemplate({attributes:{class:"ck-toolbar-container"}}),this.editable=new _.InlineEditableUIView(t,e,o),this._resizeObserver=null}render(){super.render(),this.body.add(this.panel),this.registerChild(this.editable),this.panel.content.add(this.toolbar);if(this.toolbar.options.shouldGroupWhenFull){const t=this.editable.element;this._resizeObserver=new r.ResizeObserver(t,()=>{this.toolbar.maxWidth=C(new r.Rect(t).width)})}}destroy(){super.destroy(),this._resizeObserver&&this._resizeObserver.destroy()}_getPanelPositionTop(t,e){let o;return o=t.top>e.height+this.viewportTopOffset?t.top-e.height:t.bottom>e.height+this.viewportTopOffset+50?this.viewportTopOffset:t.bottom,o}_getPanelPositions(){const t=[(t,e)=>({top:this._getPanelPositionTop(t,e),left:t.left,name:"toolbar_west"}),(t,e)=>({top:this._getPanelPositionTop(t,e),left:t.left+t.width-e.width,name:"toolbar_east"})];return"ltr"===this.locale.uiLanguageDirection?t:t.reverse()}}class D extends i.Editor{constructor(t,e){super(e),this.model.document.createRoot(),P(t)&&(this.sourceElement=t,Object(i.secureSourceElement)(this));const o=!this.config.get("toolbar.shouldNotGroupWhenFull"),r=new S(this.locale,this.editing.view,this.sourceElement,{shouldToolbarGroupWhenFull:o});this.ui=new F(this,r),Object(i.attachToForm)(this)}destroy(){const t=this.getData();return this.ui.destroy(),super.destroy().then(()=>{this.sourceElement&&Object(r.setDataInElement)(this.sourceElement,t)})}static create(t,e={}){return new Promise(o=>{const i=P(t);if(i&&"TEXTAREA"===t.tagName)throw new r.CKEditorError("editor-wrong-element",null);const n=new this(t,e);o(n.initPlugins().then(()=>{n.ui.init()}).then(()=>{if(!i&&e.initialData)throw new r.CKEditorError("editor-create-initial-data",null);const o=void 0!==e.initialData?e.initialData:function(t){return P(t)?Object(r.getDataFromElement)(t):t}(t);return n.data.init(o)}).then(()=>n.fire("ready")).then(()=>n))})}}Object(r.mix)(D,i.DataApiMixin),Object(r.mix)(D,i.ElementApiMixin)}]);
|
4
|
+
*/(()=>{var t={704:(t,e,o)=>{t.exports=o(79)("./src/core.js")},492:(t,e,o)=>{t.exports=o(79)("./src/engine.js")},273:(t,e,o)=>{t.exports=o(79)("./src/ui.js")},209:(t,e,o)=>{t.exports=o(79)("./src/utils.js")},79:t=>{"use strict";t.exports=CKEditor5.dll}},e={};function o(i){var r=e[i];if(void 0!==r)return r.exports;var n=e[i]={exports:{}};return t[i](n,n.exports,o),n.exports}o.d=(t,e)=>{for(var i in e)o.o(e,i)&&!o.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};(()=>{"use strict";o.r(i),o.d(i,{InlineEditor:()=>C});var t=o(704),e=o(209);const r=function(t){return null!=t&&"object"==typeof t};const n="object"==typeof global&&global&&global.Object===Object&&global;var s="object"==typeof self&&self&&self.Object===Object&&self;const l=(n||s||Function("return this")()).Symbol;var a=Object.prototype,c=a.hasOwnProperty,d=a.toString,u=l?l.toStringTag:void 0;const h=function(t){var e=c.call(t,u),o=t[u];try{t[u]=void 0;var i=!0}catch(t){}var r=d.call(t);return i&&(e?t[u]=o:delete t[u]),r};var p=Object.prototype.toString;const b=function(t){return p.call(t)};var f=l?l.toStringTag:void 0;const g=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":f&&f in Object(t)?h(t):b(t)};const w=function(t,e){return function(o){return t(e(o))}}(Object.getPrototypeOf,Object);var m=Function.prototype,v=Object.prototype,y=m.toString,O=v.hasOwnProperty,T=y.call(Object);const j=function(t){if(!r(t)||"[object Object]"!=g(t))return!1;var e=w(t);if(null===e)return!0;var o=O.call(e,"constructor")&&e.constructor;return"function"==typeof o&&o instanceof o&&y.call(o)==T};const E=function(t){return r(t)&&1===t.nodeType&&!j(t)};var P=o(273),x=o(492);class _ extends t.EditorUI{constructor(t,e){super(t),this.view=e,this._toolbarConfig=(0,P.normalizeToolbarConfig)(t.config.get("toolbar"))}get element(){return this.view.editable.element}init(){const t=this.editor,e=this.view,o=t.editing.view,i=e.editable,r=o.document.getRoot();i.name=r.rootName,e.render();const n=i.element;this.setEditableElement(i.name,n),this.focusTracker.add(n),i.bind("isFocused").to(this.focusTracker),o.attachDomRoot(n),this._initPlaceholder(),this._initToolbar(),this.fire("ready")}destroy(){const t=this.view;this.editor.editing.view.detachDomRoot(t.editable.name),t.destroy(),super.destroy()}_initToolbar(){const t=this.editor,e=this.view,o=e.editable.element,i=t.editing.view,r=e.toolbar;e.panel.bind("isVisible").to(this.focusTracker,"isFocused"),e.bind("viewportTopOffset").to(this,"viewportOffset",(({top:t})=>t)),e.listenTo(t.ui,"update",(()=>{e.panel.isVisible&&e.panel.pin({target:o,positions:e.panelPositions})})),r.fillFromConfig(this._toolbarConfig,this.componentFactory),(0,P.enableToolbarKeyboardFocus)({origin:i,originFocusTracker:this.focusTracker,originKeystrokeHandler:t.keystrokes,toolbar:r})}_initPlaceholder(){const t=this.editor,e=t.editing.view,o=e.document.getRoot(),i=t.sourceElement,r=t.config.get("placeholder")||i&&"textarea"===i.tagName.toLowerCase()&&i.getAttribute("placeholder");r&&(0,x.enablePlaceholder)({view:e,element:o,text:r,isDirectHost:!1,keepOnFocus:!0})}}const F=(0,e.toUnit)("px");class S extends P.EditorUIView{constructor(t,e,o,i={}){super(t),this.toolbar=new P.ToolbarView(t,{shouldGroupWhenFull:i.shouldToolbarGroupWhenFull,isFloating:!0}),this.set("viewportTopOffset",0),this.panel=new P.BalloonPanelView(t),this.panelPositions=this._getPanelPositions(),this.panel.extendTemplate({attributes:{class:"ck-toolbar-container"}}),this.editable=new P.InlineEditableUIView(t,e,o),this._resizeObserver=null}render(){super.render(),this.body.add(this.panel),this.registerChild(this.editable),this.panel.content.add(this.toolbar);if(this.toolbar.options.shouldGroupWhenFull){const t=this.editable.element;this._resizeObserver=new e.ResizeObserver(t,(()=>{this.toolbar.maxWidth=F(new e.Rect(t).width)}))}}destroy(){super.destroy(),this._resizeObserver&&this._resizeObserver.destroy()}_getPanelPositionTop(t,e){let o;return o=t.top>e.height+this.viewportTopOffset?t.top-e.height:t.bottom>e.height+this.viewportTopOffset+50?this.viewportTopOffset:t.bottom,o}_getPanelPositions(){const t=[(t,e)=>({top:this._getPanelPositionTop(t,e),left:t.left,name:"toolbar_west",config:{withArrow:!1}}),(t,e)=>({top:this._getPanelPositionTop(t,e),left:t.left+t.width-e.width,name:"toolbar_east",config:{withArrow:!1}})];return"ltr"===this.locale.uiLanguageDirection?t:t.reverse()}}class C extends t.Editor{constructor(e,o){super(o),this.model.document.createRoot(),E(e)&&(this.sourceElement=e,(0,t.secureSourceElement)(this));const i=!this.config.get("toolbar.shouldNotGroupWhenFull"),r=new S(this.locale,this.editing.view,this.sourceElement,{shouldToolbarGroupWhenFull:i});this.ui=new _(this,r),(0,t.attachToForm)(this)}destroy(){const t=this.getData();return this.ui.destroy(),super.destroy().then((()=>{this.sourceElement&&(0,e.setDataInElement)(this.sourceElement,t)}))}static create(t,o={}){return new Promise((i=>{const r=E(t);if(r&&"TEXTAREA"===t.tagName)throw new e.CKEditorError("editor-wrong-element",null);const n=new this(t,o);i(n.initPlugins().then((()=>{n.ui.init()})).then((()=>{if(!r&&o.initialData)throw new e.CKEditorError("editor-create-initial-data",null);const i=void 0!==o.initialData?o.initialData:function(t){return E(t)?(0,e.getDataFromElement)(t):t}(t);return n.data.init(i)})).then((()=>n.fire("ready"))).then((()=>n)))}))}}(0,e.mix)(C,t.DataApiMixin),(0,e.mix)(C,t.ElementApiMixin)})(),(window.CKEditor5=window.CKEditor5||{}).editorInline=i})();
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@ckeditor/ckeditor5-editor-inline",
|
3
|
-
"version": "
|
3
|
+
"version": "32.0.0",
|
4
4
|
"description": "Inline editor implementation for CKEditor 5.",
|
5
5
|
"keywords": [
|
6
6
|
"ckeditor",
|
@@ -11,27 +11,27 @@
|
|
11
11
|
],
|
12
12
|
"main": "src/index.js",
|
13
13
|
"dependencies": {
|
14
|
-
"ckeditor5": "^
|
14
|
+
"ckeditor5": "^32.0.0",
|
15
15
|
"lodash-es": "^4.17.15"
|
16
16
|
},
|
17
17
|
"devDependencies": {
|
18
|
-
"@ckeditor/ckeditor5-basic-styles": "^
|
19
|
-
"@ckeditor/ckeditor5-core": "^
|
20
|
-
"@ckeditor/ckeditor5-dev-utils": "^
|
21
|
-
"@ckeditor/ckeditor5-engine": "^
|
22
|
-
"@ckeditor/ckeditor5-enter": "^
|
23
|
-
"@ckeditor/ckeditor5-heading": "^
|
24
|
-
"@ckeditor/ckeditor5-paragraph": "^
|
25
|
-
"@ckeditor/ckeditor5-theme-lark": "^
|
26
|
-
"@ckeditor/ckeditor5-typing": "^
|
27
|
-
"@ckeditor/ckeditor5-ui": "^
|
28
|
-
"@ckeditor/ckeditor5-undo": "^
|
29
|
-
"@ckeditor/ckeditor5-utils": "^
|
30
|
-
"webpack": "^
|
31
|
-
"webpack-cli": "^
|
18
|
+
"@ckeditor/ckeditor5-basic-styles": "^32.0.0",
|
19
|
+
"@ckeditor/ckeditor5-core": "^32.0.0",
|
20
|
+
"@ckeditor/ckeditor5-dev-utils": "^27.1.0",
|
21
|
+
"@ckeditor/ckeditor5-engine": "^32.0.0",
|
22
|
+
"@ckeditor/ckeditor5-enter": "^32.0.0",
|
23
|
+
"@ckeditor/ckeditor5-heading": "^32.0.0",
|
24
|
+
"@ckeditor/ckeditor5-paragraph": "^32.0.0",
|
25
|
+
"@ckeditor/ckeditor5-theme-lark": "^32.0.0",
|
26
|
+
"@ckeditor/ckeditor5-typing": "^32.0.0",
|
27
|
+
"@ckeditor/ckeditor5-ui": "^32.0.0",
|
28
|
+
"@ckeditor/ckeditor5-undo": "^32.0.0",
|
29
|
+
"@ckeditor/ckeditor5-utils": "^32.0.0",
|
30
|
+
"webpack": "^5.58.1",
|
31
|
+
"webpack-cli": "^4.9.0"
|
32
32
|
},
|
33
33
|
"engines": {
|
34
|
-
"node": ">=
|
34
|
+
"node": ">=14.0.0",
|
35
35
|
"npm": ">=5.7.1"
|
36
36
|
},
|
37
37
|
"author": "CKSource (http://cksource.com/)",
|
package/src/index.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* @license Copyright (c) 2003-
|
2
|
+
* @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
4
4
|
*/
|
5
5
|
|
package/src/inlineeditor.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* @license Copyright (c) 2003-
|
2
|
+
* @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
4
4
|
*/
|
5
5
|
|
@@ -16,7 +16,7 @@ import InlineEditorUI from './inlineeditorui';
|
|
16
16
|
import InlineEditorUIView from './inlineeditoruiview';
|
17
17
|
|
18
18
|
/**
|
19
|
-
* The {@glink builds/guides/overview#inline-editor inline editor} implementation.
|
19
|
+
* The {@glink builds/guides/predefined-builds/overview#inline-editor inline editor} implementation.
|
20
20
|
* It uses an inline editable and a floating toolbar.
|
21
21
|
* See the {@glink examples/builds/inline-editor demo}.
|
22
22
|
*
|
@@ -27,9 +27,9 @@ import InlineEditorUIView from './inlineeditoruiview';
|
|
27
27
|
*
|
28
28
|
* The inline editor can be used directly from source (if you installed the
|
29
29
|
* [`@ckeditor/ckeditor5-editor-inline`](https://www.npmjs.com/package/@ckeditor/ckeditor5-editor-inline) package)
|
30
|
-
* but it is also available in the {@glink builds/guides/overview#inline-editor inline build}.
|
30
|
+
* but it is also available in the {@glink builds/guides/predefined-builds/overview#inline-editor inline build}.
|
31
31
|
*
|
32
|
-
* {@glink builds/guides/overview Builds} are ready-to-use editors with plugins bundled in. When using the editor from
|
32
|
+
* {@glink builds/guides/predefined-builds/overview Builds} are ready-to-use editors with plugins bundled in. When using the editor from
|
33
33
|
* source you need to take care of loading all plugins by yourself
|
34
34
|
* (through the {@link module:core/editor/editorconfig~EditorConfig#plugins `config.plugins`} option).
|
35
35
|
* Using the editor from source gives much better flexibility and allows easier customization.
|
@@ -165,7 +165,7 @@ export default class InlineEditor extends Editor {
|
|
165
165
|
* # Using the editor from source
|
166
166
|
*
|
167
167
|
* The code samples listed in the previous sections of this documentation assume that you are using an
|
168
|
-
* {@glink builds/guides/overview editor build} (for example – `@ckeditor/ckeditor5-build-inline`).
|
168
|
+
* {@glink builds/guides/predefined-builds/overview editor build} (for example – `@ckeditor/ckeditor5-build-inline`).
|
169
169
|
*
|
170
170
|
* If you want to use the inline editor from source (`@ckeditor/ckeditor5-editor-inline/src/inlineeditor`),
|
171
171
|
* you need to define the list of
|
package/src/inlineeditorui.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* @license Copyright (c) 2003-
|
2
|
+
* @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
4
4
|
*/
|
5
5
|
|
@@ -125,9 +125,7 @@ export default class InlineEditorUI extends EditorUI {
|
|
125
125
|
// Set–up the view#panel.
|
126
126
|
view.panel.bind( 'isVisible' ).to( this.focusTracker, 'isFocused' );
|
127
127
|
|
128
|
-
|
129
|
-
view.viewportTopOffset = this._toolbarConfig.viewportTopOffset;
|
130
|
-
}
|
128
|
+
view.bind( 'viewportTopOffset' ).to( this, 'viewportOffset', ( { top } ) => top );
|
131
129
|
|
132
130
|
// https://github.com/ckeditor/ckeditor5-editor-inline/issues/4
|
133
131
|
view.listenTo( editor.ui, 'update', () => {
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* @license Copyright (c) 2003-
|
2
|
+
* @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
4
4
|
*/
|
5
5
|
|
@@ -52,8 +52,13 @@ export default class InlineEditorUIView extends EditorUIView {
|
|
52
52
|
* either using `position: fixed` or `position: sticky`, which would cover the
|
53
53
|
* UI or vice–versa (depending on the `z-index` hierarchy).
|
54
54
|
*
|
55
|
-
* @
|
55
|
+
* Bound to {@link module:core/editor/editorui~EditorUI#viewportOffset `EditorUI#viewportOffset`}.
|
56
|
+
*
|
57
|
+
* If {@link module:core/editor/editorconfig~EditorConfig#ui `EditorConfig#ui.viewportOffset.top`} is defined, then
|
58
|
+
* it will override the default value.
|
59
|
+
*
|
56
60
|
* @observable
|
61
|
+
* @default 0
|
57
62
|
* @member {Number} #viewportTopOffset
|
58
63
|
*/
|
59
64
|
this.set( 'viewportTopOffset', 0 );
|
@@ -66,8 +71,6 @@ export default class InlineEditorUIView extends EditorUIView {
|
|
66
71
|
*/
|
67
72
|
this.panel = new BalloonPanelView( locale );
|
68
73
|
|
69
|
-
this.panel.withArrow = false;
|
70
|
-
|
71
74
|
/**
|
72
75
|
* A set of positioning functions used by the {@link #panel} to float around
|
73
76
|
* {@link #element editableElement}.
|
@@ -113,7 +116,7 @@ export default class InlineEditorUIView extends EditorUIView {
|
|
113
116
|
* See: {@link module:utils/dom/position~Options#positions}.
|
114
117
|
*
|
115
118
|
* @readonly
|
116
|
-
* @type {Array.<
|
119
|
+
* @type {Array.<module:utils/dom/position~positioningFunction>}
|
117
120
|
*/
|
118
121
|
this.panelPositions = this._getPanelPositions();
|
119
122
|
|
@@ -204,7 +207,7 @@ export default class InlineEditorUIView extends EditorUIView {
|
|
204
207
|
* See: {@link module:utils/dom/position~Options#positions}.
|
205
208
|
*
|
206
209
|
* @private
|
207
|
-
* @returns {Array.<
|
210
|
+
* @returns {Array.<module:utils/dom/position~positioningFunction>}
|
208
211
|
*/
|
209
212
|
_getPanelPositions() {
|
210
213
|
const positions = [
|
@@ -212,14 +215,20 @@ export default class InlineEditorUIView extends EditorUIView {
|
|
212
215
|
return {
|
213
216
|
top: this._getPanelPositionTop( editableRect, panelRect ),
|
214
217
|
left: editableRect.left,
|
215
|
-
name: 'toolbar_west'
|
218
|
+
name: 'toolbar_west',
|
219
|
+
config: {
|
220
|
+
withArrow: false
|
221
|
+
}
|
216
222
|
};
|
217
223
|
},
|
218
224
|
( editableRect, panelRect ) => {
|
219
225
|
return {
|
220
226
|
top: this._getPanelPositionTop( editableRect, panelRect ),
|
221
227
|
left: editableRect.left + editableRect.width - panelRect.width,
|
222
|
-
name: 'toolbar_east'
|
228
|
+
name: 'toolbar_east',
|
229
|
+
config: {
|
230
|
+
withArrow: false
|
231
|
+
}
|
223
232
|
};
|
224
233
|
}
|
225
234
|
];
|
package/CHANGELOG.md
DELETED
@@ -1,207 +0,0 @@
|
|
1
|
-
Changelog
|
2
|
-
=========
|
3
|
-
|
4
|
-
All changes in the package are documented in the main repository. See: https://github.com/ckeditor/ckeditor5/blob/master/CHANGELOG.md.
|
5
|
-
|
6
|
-
Changes for the past releases are available below.
|
7
|
-
|
8
|
-
## [19.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v18.0.0...v19.0.0) (2020-04-29)
|
9
|
-
|
10
|
-
Internal changes only (updated dependencies, documentation, etc.).
|
11
|
-
|
12
|
-
|
13
|
-
## [18.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v17.0.0...v18.0.0) (2020-03-19)
|
14
|
-
|
15
|
-
### MAJOR BREAKING CHANGES
|
16
|
-
|
17
|
-
* From now on, the inline toolbar groups overflowing items by default. This behavior can be disabled by setting the [`config.toolbar.shouldNotGroupWhenFull`](https://ckeditor.com/docs/ckeditor5/latest/api/module_ui_toolbar_toolbarview-ToolbarOptions.html#member-shouldGroupWhenFull) configuration option to `true`.
|
18
|
-
|
19
|
-
### Features
|
20
|
-
|
21
|
-
* The inline editor toolbar should group items when its width exceeds the editable’s width (see [ckeditor/ckeditor5#5597](https://github.com/ckeditor/ckeditor5/issues/5597)). ([1c5746c](https://github.com/ckeditor/ckeditor5-editor-inline/commit/1c5746c))
|
22
|
-
|
23
|
-
|
24
|
-
## [17.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v16.0.0...v17.0.0) (2020-02-19)
|
25
|
-
|
26
|
-
Internal changes only (updated dependencies, documentation, etc.).
|
27
|
-
|
28
|
-
|
29
|
-
## [16.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v15.0.0...v16.0.0) (2019-12-04)
|
30
|
-
|
31
|
-
Internal changes only (updated dependencies, documentation, etc.).
|
32
|
-
|
33
|
-
|
34
|
-
## [15.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v12.3.0...v15.0.0) (2019-10-23)
|
35
|
-
|
36
|
-
Internal changes only (updated dependencies, documentation, etc.).
|
37
|
-
|
38
|
-
|
39
|
-
## [12.3.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v12.2.1...v12.3.0) (2019-08-26)
|
40
|
-
|
41
|
-
### Features
|
42
|
-
|
43
|
-
* The `InlineEditorUIView` should display on different sides of editable depending on the direction of the UI language. See [ckeditor/ckeditor5#1151](https://github.com/ckeditor/ckeditor5/issues/1151). ([c387059](https://github.com/ckeditor/ckeditor5-editor-inline/commit/c387059))
|
44
|
-
|
45
|
-
### Other changes
|
46
|
-
|
47
|
-
* The issue tracker for this package was moved to https://github.com/ckeditor/ckeditor5/issues. See [ckeditor/ckeditor5#1988](https://github.com/ckeditor/ckeditor5/issues/1988). ([1d21b8e](https://github.com/ckeditor/ckeditor5-editor-inline/commit/1d21b8e))
|
48
|
-
* Introduced a check that prevents sharing source elements between editor instances. See [ckeditor/ckeditor5#746](https://github.com/ckeditor/ckeditor5/issues/746). ([5e42fcf](https://github.com/ckeditor/ckeditor5-editor-inline/commit/5e42fcf))
|
49
|
-
|
50
|
-
|
51
|
-
## [12.2.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v12.2.0...v12.2.1) (2019-07-10)
|
52
|
-
|
53
|
-
Internal changes only (updated dependencies, documentation, etc.).
|
54
|
-
|
55
|
-
|
56
|
-
## [12.2.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v12.1.1...v12.2.0) (2019-07-04)
|
57
|
-
|
58
|
-
### Features
|
59
|
-
|
60
|
-
* `InlineEditor.create()` will throw an error, when a `<textarea>` element is used. ([56c9f40](https://github.com/ckeditor/ckeditor5-editor-inline/commit/56c9f40))
|
61
|
-
|
62
|
-
|
63
|
-
## [12.1.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v12.1.0...v12.1.1) (2019-06-05)
|
64
|
-
|
65
|
-
Internal changes only (updated dependencies, documentation, etc.).
|
66
|
-
|
67
|
-
|
68
|
-
## [12.1.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v12.0.0...v12.1.0) (2019-04-10)
|
69
|
-
|
70
|
-
### Features
|
71
|
-
|
72
|
-
* Introduced `EditorConfig#initialData`. ([59e97b5](https://github.com/ckeditor/ckeditor5-editor-inline/commit/59e97b5))
|
73
|
-
|
74
|
-
|
75
|
-
## [12.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v11.0.2...v12.0.0) (2019-02-28)
|
76
|
-
|
77
|
-
### Features
|
78
|
-
|
79
|
-
* Added support for the `config.placeholder` option which allows configuring the empty editor content placeholder (see [ckeditor/ckeditor5#479](https://github.com/ckeditor/ckeditor5/issues/479)). ([24016bd](https://github.com/ckeditor/ckeditor5-editor-inline/commit/24016bd))
|
80
|
-
|
81
|
-
### Bug fixes
|
82
|
-
|
83
|
-
* Fixed memory leaks during editor initialization and destruction (see [ckeditor/ckeditor5#1341](https://github.com/ckeditor/ckeditor5/issues/1341)). ([dd2bb90](https://github.com/ckeditor/ckeditor5-editor-inline/commit/dd2bb90))
|
84
|
-
|
85
|
-
### Other changes
|
86
|
-
|
87
|
-
* Adjustments to new editor initialization events. See breaking changes. ([9536767](https://github.com/ckeditor/ckeditor5-editor-inline/commit/9536767))
|
88
|
-
* Editor UI classes API refactoring. See breaking changes. ([f8195da](https://github.com/ckeditor/ckeditor5-editor-inline/commit/f8195da))
|
89
|
-
|
90
|
-
### BREAKING CHANGES
|
91
|
-
|
92
|
-
* Upgraded minimal versions of Node to `8.0.0` and npm to `5.7.1`. See: [ckeditor/ckeditor5#1507](https://github.com/ckeditor/ckeditor5/issues/1507). ([612ea3c](https://github.com/ckeditor/ckeditor5-cloud-services/commit/612ea3c))
|
93
|
-
* The second argument of `InlineEditorUIView.constructor()` is an editing view instance now.
|
94
|
-
* The `editor#dataReady` event was removed. The `editor.data#ready` event has been introduced and should be used instead.
|
95
|
-
* The `editor#pluginsReady` event was removed. Use plugin `afterInit()` method instead.
|
96
|
-
* Removed `InlineEditor#element` property. The `InlineEditorUI#element` property should be used instead.
|
97
|
-
* Removed `InlineEditorUIView#editableElement`. Instead `InlineEditorUI#getEditableElement()` method should be used.
|
98
|
-
|
99
|
-
|
100
|
-
## [11.0.2](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v11.0.1...v11.0.2) (2018-12-05)
|
101
|
-
|
102
|
-
Internal changes only (updated dependencies, documentation, etc.).
|
103
|
-
|
104
|
-
|
105
|
-
## [11.0.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v11.0.0...v11.0.1) (2018-10-08)
|
106
|
-
|
107
|
-
### Bug fixes
|
108
|
-
|
109
|
-
* Child views should be added in `InlineEditorUIView#render()` instead of `#constructor()` to allow early template manipulation. Closes [ckeditor/ckeditor5#1150](https://github.com/ckeditor/ckeditor5/issues/1150). ([b0be713](https://github.com/ckeditor/ckeditor5-editor-inline/commit/b0be713))
|
110
|
-
|
111
|
-
Huge thanks to [Alex Eckermann](https://github.com/alexeckermann) for this contribution!
|
112
|
-
|
113
|
-
|
114
|
-
## [11.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v10.0.1...v11.0.0) (2018-07-18)
|
115
|
-
|
116
|
-
### Features
|
117
|
-
|
118
|
-
* Editor can now be created with initial data passed to the constructor. Closes [#37](https://github.com/ckeditor/ckeditor5-editor-inline/issues/37). ([cfd8c53](https://github.com/ckeditor/ckeditor5-editor-inline/commit/cfd8c53))
|
119
|
-
|
120
|
-
### Other changes
|
121
|
-
|
122
|
-
* Used the `EditorUI` as a parent class for the `InlineEditorUI` (see [ckeditor/ckeditor5-core#130](https://github.com/ckeditor/ckeditor5-core/issues/130)). ([c148346](https://github.com/ckeditor/ckeditor5-editor-inline/commit/c148346))
|
123
|
-
|
124
|
-
### BREAKING CHANGES
|
125
|
-
|
126
|
-
* The `InlineEditor#element` property was renamed to `InlineEditor#sourceElement` and `InlineEditor#updateElement()` method to `InlineEditor#updateSourceElement()`. See [ckeditor/ckeditor5-core#64](https://github.com/ckeditor/ckeditor5-core/issues/64).
|
127
|
-
|
128
|
-
|
129
|
-
## [10.0.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v10.0.0...v10.0.1) (2018-06-21)
|
130
|
-
|
131
|
-
Internal changes only (updated dependencies, documentation, etc.).
|
132
|
-
|
133
|
-
|
134
|
-
## [10.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v1.0.0-beta.4...v10.0.0) (2018-04-25)
|
135
|
-
|
136
|
-
### Other changes
|
137
|
-
|
138
|
-
* Changed the license to GPL2+ only. See [ckeditor/ckeditor5#991](https://github.com/ckeditor/ckeditor5/issues/991). ([4a6d43a](https://github.com/ckeditor/ckeditor5-editor-inline/commit/4a6d43a))
|
139
|
-
|
140
|
-
### BREAKING CHANGES
|
141
|
-
|
142
|
-
* The license under which CKEditor 5 is released has been changed from a triple GPL, LGPL and MPL license to a GPL2+ only. See [ckeditor/ckeditor5#991](https://github.com/ckeditor/ckeditor5/issues/991) for more information.
|
143
|
-
|
144
|
-
|
145
|
-
## [1.0.0-beta.4](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v1.0.0-beta.2...v1.0.0-beta.4) (2018-04-19)
|
146
|
-
|
147
|
-
Internal changes only (updated dependencies, documentation, etc.).
|
148
|
-
|
149
|
-
|
150
|
-
## [1.0.0-beta.2](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v1.0.0-beta.1...v1.0.0-beta.2) (2018-04-10)
|
151
|
-
|
152
|
-
Internal changes only (updated dependencies, documentation, etc.).
|
153
|
-
|
154
|
-
|
155
|
-
## [1.0.0-beta.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v1.0.0-alpha.2...v1.0.0-beta.1) (2018-03-15)
|
156
|
-
|
157
|
-
### Other changes
|
158
|
-
|
159
|
-
* Migrated the editor styles to PostCSS (see [ckeditor/ckeditor5-ui#144](https://github.com/ckeditor/ckeditor5-ui/issues/144)). ([9fbecae](https://github.com/ckeditor/ckeditor5-editor-inline/commit/9fbecae))
|
160
|
-
* Removed the `.ck-editor-toolbar` class from the toolbar (see [ckeditor/ckeditor5-theme-lark#135](https://github.com/ckeditor/ckeditor5-theme-lark/issues/135)). ([213ddfd](https://github.com/ckeditor/ckeditor5-editor-inline/commit/213ddfd))
|
161
|
-
|
162
|
-
|
163
|
-
## [1.0.0-alpha.2](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v1.0.0-alpha.1...v1.0.0-alpha.2) (2017-11-14)
|
164
|
-
|
165
|
-
### Other changes
|
166
|
-
|
167
|
-
* Aligned UI library usage to the [changes in the UI framework](https://github.com/ckeditor/ckeditor5-ui/pull/332).
|
168
|
-
|
169
|
-
|
170
|
-
## [1.0.0-alpha.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v0.2.0...v1.0.0-alpha.1) (2017-10-03)
|
171
|
-
|
172
|
-
Internal changes only (updated dependencies, documentation, etc.).
|
173
|
-
|
174
|
-
|
175
|
-
## [0.2.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v0.1.1...v0.2.0) (2017-09-03)
|
176
|
-
|
177
|
-
### Bug fixes
|
178
|
-
|
179
|
-
* `InlineEditor.create()` should be able to create an instance of its subclass. Closes [#25](https://github.com/ckeditor/ckeditor5-editor-inline/issues/25). ([1da0563](https://github.com/ckeditor/ckeditor5-editor-inline/commit/1da0563))
|
180
|
-
* Editor element should be filled up with data once the editor is destroyed. Closes [#19](https://github.com/ckeditor/ckeditor5-editor-inline/issues/19). ([fe7d27b](https://github.com/ckeditor/ckeditor5-editor-inline/commit/fe7d27b))
|
181
|
-
* The toolbar should not collapse when the window is narrow. Closes [#11](https://github.com/ckeditor/ckeditor5-editor-inline/issues/11). ([705dbe5](https://github.com/ckeditor/ckeditor5-editor-inline/commit/705dbe5))
|
182
|
-
|
183
|
-
### Features
|
184
|
-
|
185
|
-
* The toolbar should support a vertical offset from the top of the web page. Closes [#23](https://github.com/ckeditor/ckeditor5-editor-inline/issues/23). ([01e29d5](https://github.com/ckeditor/ckeditor5-editor-inline/commit/01e29d5))
|
186
|
-
|
187
|
-
### Other changes
|
188
|
-
|
189
|
-
* Renamed the InlineEditor file to "inlineeditor.js" to match the naming convention. Closes [#6](https://github.com/ckeditor/ckeditor5-editor-inline/issues/6). ([dac7551](https://github.com/ckeditor/ckeditor5-editor-inline/commit/dac7551))
|
190
|
-
|
191
|
-
### BREAKING CHANGES
|
192
|
-
|
193
|
-
* The `inline.js` file containing `InlineEditor` class has been renamed to `inlineeditor.js`.
|
194
|
-
|
195
|
-
|
196
|
-
## [0.1.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v0.1.0...v0.1.1) (2017-05-07)
|
197
|
-
|
198
|
-
### Bug fixes
|
199
|
-
|
200
|
-
* The position of the floating toolbar should be updated after the editable has grown. Closes [#4](https://github.com/ckeditor/ckeditor5-editor-inline/issues/4). ([ae578b3](https://github.com/ckeditor/ckeditor5-editor-inline/commit/ae578b3))
|
201
|
-
|
202
|
-
|
203
|
-
## 0.1.0 (2017-04-05)
|
204
|
-
|
205
|
-
### Features
|
206
|
-
|
207
|
-
* Introduced the inline editor. Closes: [#1](https://github.com/ckeditor/ckeditor5-editor-inline/issues/1). ([30c999f](https://github.com/ckeditor/ckeditor5-editor-inline/commit/30c999f))
|