{"version":3,"sources":["webpack:///./node_modules/@ckeditor/ckeditor5-editor-classic/src/classiceditorui.js","webpack:///./node_modules/@ckeditor/ckeditor5-editor-classic/src/classiceditoruiview.js","webpack:///./node_modules/@ckeditor/ckeditor5-editor-classic/src/classiceditor.js"],"names":["ClassicEditorUI","editor","view","_this","Object","classCallCheck","this","_super","call","_toolbarConfig","normalizeToolbarConfig","config","get","_elementReplacer","ElementReplacer","element","replacementElement","editingView","editing","editable","editingRoot","document","getRoot","name","rootName","render","editableElement","setEditableElement","focusTracker","add","bind","to","attachDomRoot","replace","_initPlaceholder","_initToolbar","fire","restore","detachDomRoot","destroy","getPrototypeOf","prototype","stickyPanel","limiterElement","viewportTopOffset","toolbar","fillFromConfig","componentFactory","enableToolbarKeyboardFocus","origin","originFocusTracker","originKeystrokeHandler","keystrokes","sourceElement","placeholderText","tagName","toLowerCase","getAttribute","enablePlaceholder","text","isDirectHost","keepOnFocus","EditorUI","ClassicEditorUIView","locale","options","arguments","length","undefined","StickyPanelView","ToolbarView","shouldGroupWhenFull","shouldToolbarGroupWhenFull","InlineEditableUIView","content","top","main","BoxedEditorUIView","ClassicEditor","sourceElementOrData","isElement","model","createRoot","ui","assertThisInitialized","attachToForm","updateSourceElement","_this2","Promise","resolve","initPlugins","then","init","initialData","CKEditorError","getInitialData","data","Editor","getDataFromElement","mix","DataApiMixin","ElementApiMixin"],"mappings":";;;;OAmBqBA,6CAOpB,SAAAA,EAAaC,EAAQC,GAAO,IAAAC,EAAA,OAAAC,OAAAC,EAAA,KAAAD,CAAAE,KAAAN,GAC3BG,EAAAI,EAAAC,KAAAF,KAAOL,GAQPE,EAAKD,KAAOA,EAQZC,EAAKM,eAAiBC,eAAwBT,EAAOU,OAAOC,IAAK,YAQjET,EAAKU,iBAAmB,IAAIC,OAzBDX,8CA+B5B,WACC,OAAOG,KAAKJ,KAAKa,4BAQlB,SAAMC,GACL,IAAMf,EAASK,KAAKL,OACdC,EAAOI,KAAKJ,KACZe,EAAchB,EAAOiB,QAAQhB,KAC7BiB,EAAWjB,EAAKiB,SAChBC,EAAcH,EAAYI,SAASC,UAIzCH,EAASI,KAAOH,EAAYI,SAE5BtB,EAAKuB,SAIL,IAAMC,EAAkBP,EAASJ,QAIjCT,KAAKqB,mBAAoBR,EAASI,KAAMG,GAKxCpB,KAAKsB,aAAaC,IAAKH,GASvBxB,EAAKiB,SAASW,KAAM,aAAcC,GAAIzB,KAAKsB,cAI3CX,EAAYe,cAAeN,GAKtBV,GACJV,KAAKO,iBAAiBoB,QAASjB,EAAoBV,KAAKS,SAGzDT,KAAK4B,mBACL5B,KAAK6B,eACL7B,KAAK8B,KAAM,gCAMZ,WACC,IAAMlC,EAAOI,KAAKJ,KACZe,EAAcX,KAAKL,OAAOiB,QAAQhB,KAExCI,KAAKO,iBAAiBwB,UACtBpB,EAAYqB,cAAepC,EAAKiB,SAASI,MACzCrB,EAAKqC,UAELnC,OAAAQ,EAAA,KAAAR,QAAAoC,EAAA,KAAApC,CAAAJ,EAAAyC,WAAA,UAAAnC,MAAAE,KAAAF,kCAQD,WACC,IAAML,EAASK,KAAKL,OACdC,EAAOI,KAAKJ,KACZe,EAAchB,EAAOiB,QAAQhB,KAGnCA,EAAKwC,YAAYZ,KAAM,YAAaC,GAAIzB,KAAKsB,aAAc,aAC3D1B,EAAKwC,YAAYC,eAAiBzC,EAAKa,QAElCT,KAAKG,eAAemC,oBACxB1C,EAAKwC,YAAYE,kBAAoBtC,KAAKG,eAAemC,mBAG1D1C,EAAK2C,QAAQC,eAAgBxC,KAAKG,eAAgBH,KAAKyC,kBAEvDC,gBACCC,OAAQhC,EACRiC,mBAAoB5C,KAAKsB,aACzBuB,uBAAwBlD,EAAOmD,WAC/BP,QAAS3C,EAAK2C,0CAShB,WACC,IAAM5C,EAASK,KAAKL,OACdgB,EAAchB,EAAOiB,QAAQhB,KAC7BkB,EAAcH,EAAYI,SAASC,UACnC+B,EAAgBpD,EAAOoD,cAEvBC,EAAkBrD,EAAOU,OAAOC,IAAK,gBAC1CyC,GAAyD,aAAxCA,EAAcE,QAAQC,eAAgCH,EAAcI,aAAc,eAE/FH,GACJI,gBACCxD,KAAMe,EACNF,QAASK,EACTuC,KAAML,EACNM,cAAc,EACdC,aAAa,WAhK4BC;;;;OCAxBC,6CAWpB,SAAAA,EAAaC,EAAQ/C,GAA4B,IAAAd,EAAf8D,EAAeC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,aAAA9D,OAAAC,EAAA,KAAAD,CAAAE,KAAAyD,GAChD5D,EAAAI,EAAAC,KAAAF,KAAO0D,GASP7D,EAAKuC,YAAc,IAAI2B,OAAiBL,GAQxC7D,EAAK0C,QAAU,IAAIyB,OAAaN,GAC/BO,oBAAqBN,EAAQO,6BAS9BrE,EAAKgB,SAAW,IAAIsD,OAAsBT,EAAQ/C,GA5BFd,+CAkCjD,WACCC,OAAAQ,EAAA,KAAAR,QAAAoC,EAAA,KAAApC,CAAA2D,EAAAtB,WAAA,SAAAnC,MAAAE,KAAAF,MAGAA,KAAKoC,YAAYgC,QAAQ7C,IAAKvB,KAAKuC,SAEnCvC,KAAKqE,IAAI9C,IAAKvB,KAAKoC,aACnBpC,KAAKsE,KAAK/C,IAAKvB,KAAKa,iBApD2B0D;;;;OCyB5BC,6CAapB,SAAAA,EAAaC,EAAqBpE,GAAS,IAAAR,EAAAC,OAAAC,EAAA,KAAAD,CAAAE,KAAAwE,GAC1C3E,EAAAI,EAAAC,KAAAF,KAAOK,GAEFqE,eAAWD,KACf5E,EAAKkD,cAAgB0B,GAGtB5E,EAAK8E,MAAM5D,SAAS6D,aAEpB,IAAMV,GAA8BrE,EAAKQ,OAAOC,IAAK,kCAC/CV,EAAO,IAAI6D,EAAqB5D,EAAK6D,OAAQ7D,EAAKe,QAAQhB,MAC/DsE,+BAXyC,OAc1CrE,EAAKgF,GAAK,IAAInF,EAAJI,OAAAgF,EAAA,KAAAhF,CAAAD,GAA2BD,GAErCmF,eAAajF,OAAAgF,EAAA,KAAAhF,CAAAD,IAhB6BA,gDA0B3C,WAOC,OANKG,KAAK+C,eACT/C,KAAKgF,sBAGNhF,KAAK6E,GAAG5C,UAERnC,OAAAQ,EAAA,KAAAR,QAAAoC,EAAA,KAAApC,CAAA0E,EAAArC,WAAA,UAAAnC,MAAAE,KAAAF,8BAgGD,SAAeyE,GAAmC,IAAAQ,EAAAjF,KAAdK,EAAcuD,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,MACjD,OAAO,IAAIsB,QAAS,SAAAC,GACnB,IAAMxF,EAAS,IAAIsF,EAAMR,EAAqBpE,GAE9C8E,EACCxF,EAAOyF,cACLC,KAAM,kBAAM1F,EAAOkF,GAAGS,KAAMZ,eAAWD,GAAwBA,EAAsB,QACrFY,KAAM,WACN,IAAMX,eAAWD,IAAyBpE,EAAOkF,YAGhD,MAAM,IAAIC,OAAe,6BAA8B,MAGxD,IAAMD,OAAqCzB,IAAvBzD,EAAOkF,YAA4BlF,EAAOkF,YAAcE,EAAgBhB,GAE5F,OAAO9E,EAAO+F,KAAKJ,KAAMC,KAEzBF,KAAM,kBAAM1F,EAAOmC,KAAM,WACzBuD,KAAM,kBAAM1F,cAjKyBgG,QA0K3C,SAASF,EAAgBhB,GACxB,OAAOC,eAAWD,GAAwBmB,eAAoBnB,GAAwBA,EAJvFoB,eAAKrB,EAAesB,QACpBD,eAAKrB,EAAeuB","file":"js/chunk-2308e64b.e3b431bc.js","sourcesContent":["/**\n * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license\n */\n\n/**\n * @module editor-classic/classiceditorui\n */\n\nimport { EditorUI } from 'ckeditor5/src/core';\nimport { enableToolbarKeyboardFocus, normalizeToolbarConfig } from 'ckeditor5/src/ui';\nimport { enablePlaceholder } from 'ckeditor5/src/engine';\nimport { ElementReplacer } from 'ckeditor5/src/utils';\n\n/**\n * The classic editor UI class.\n *\n * @extends module:core/editor/editorui~EditorUI\n */\nexport default class ClassicEditorUI extends EditorUI {\n\t/**\n\t * Creates an instance of the classic editor UI class.\n\t *\n\t * @param {module:core/editor/editor~Editor} editor The editor instance.\n\t * @param {module:ui/editorui/editoruiview~EditorUIView} view The view of the UI.\n\t */\n\tconstructor( editor, view ) {\n\t\tsuper( editor );\n\n\t\t/**\n\t\t * The main (top–most) view of the editor UI.\n\t\t *\n\t\t * @readonly\n\t\t * @member {module:ui/editorui/editoruiview~EditorUIView} #view\n\t\t */\n\t\tthis.view = view;\n\n\t\t/**\n\t\t * A normalized `config.toolbar` object.\n\t\t *\n\t\t * @private\n\t\t * @member {Object}\n\t\t */\n\t\tthis._toolbarConfig = normalizeToolbarConfig( editor.config.get( 'toolbar' ) );\n\n\t\t/**\n\t\t * The element replacer instance used to hide the editor's source element.\n\t\t *\n\t\t * @protected\n\t\t * @member {module:utils/elementreplacer~ElementReplacer}\n\t\t */\n\t\tthis._elementReplacer = new ElementReplacer();\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tget element() {\n\t\treturn this.view.element;\n\t}\n\n\t/**\n\t * Initializes the UI.\n\t *\n\t * @param {HTMLElement|null} replacementElement The DOM element that will be the source for the created editor.\n\t */\n\tinit( replacementElement ) {\n\t\tconst editor = this.editor;\n\t\tconst view = this.view;\n\t\tconst editingView = editor.editing.view;\n\t\tconst editable = view.editable;\n\t\tconst editingRoot = editingView.document.getRoot();\n\n\t\t// The editable UI and editing root should share the same name. Then name is used\n\t\t// to recognize the particular editable, for instance in ARIA attributes.\n\t\teditable.name = editingRoot.rootName;\n\n\t\tview.render();\n\n\t\t// The editable UI element in DOM is available for sure only after the editor UI view has been rendered.\n\t\t// But it can be available earlier if a DOM element has been passed to BalloonEditor.create().\n\t\tconst editableElement = editable.element;\n\n\t\t// Register the editable UI view in the editor. A single editor instance can aggregate multiple\n\t\t// editable areas (roots) but the classic editor has only one.\n\t\tthis.setEditableElement( editable.name, editableElement );\n\n\t\t// Let the global focus tracker know that the editable UI element is focusable and\n\t\t// belongs to the editor. From now on, the focus tracker will sustain the editor focus\n\t\t// as long as the editable is focused (e.g. the user is typing).\n\t\tthis.focusTracker.add( editableElement );\n\n\t\t// Let the editable UI element respond to the changes in the global editor focus\n\t\t// tracker. It has been added to the same tracker a few lines above but, in reality, there are\n\t\t// many focusable areas in the editor, like balloons, toolbars or dropdowns and as long\n\t\t// as they have focus, the editable should act like it is focused too (although technically\n\t\t// it isn't), e.g. by setting the proper CSS class, visually announcing focus to the user.\n\t\t// Doing otherwise will result in editable focus styles disappearing, once e.g. the\n\t\t// toolbar gets focused.\n\t\tview.editable.bind( 'isFocused' ).to( this.focusTracker );\n\n\t\t// Bind the editable UI element to the editing view, making it an end– and entry–point\n\t\t// of the editor's engine. This is where the engine meets the UI.\n\t\teditingView.attachDomRoot( editableElement );\n\n\t\t// If an element containing the initial data of the editor was provided, replace it with\n\t\t// an editor instance's UI in DOM until the editor is destroyed. For instance, a <textarea>\n\t\t// can be such element.\n\t\tif ( replacementElement ) {\n\t\t\tthis._elementReplacer.replace( replacementElement, this.element );\n\t\t}\n\n\t\tthis._initPlaceholder();\n\t\tthis._initToolbar();\n\t\tthis.fire( 'ready' );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\tdestroy() {\n\t\tconst view = this.view;\n\t\tconst editingView = this.editor.editing.view;\n\n\t\tthis._elementReplacer.restore();\n\t\teditingView.detachDomRoot( view.editable.name );\n\t\tview.destroy();\n\n\t\tsuper.destroy();\n\t}\n\n\t/**\n\t * Initializes the editor toolbar.\n\t *\n\t * @private\n\t */\n\t_initToolbar() {\n\t\tconst editor = this.editor;\n\t\tconst view = this.view;\n\t\tconst editingView = editor.editing.view;\n\n\t\t// Set–up the sticky panel with toolbar.\n\t\tview.stickyPanel.bind( 'isActive' ).to( this.focusTracker, 'isFocused' );\n\t\tview.stickyPanel.limiterElement = view.element;\n\n\t\tif ( this._toolbarConfig.viewportTopOffset ) {\n\t\t\tview.stickyPanel.viewportTopOffset = this._toolbarConfig.viewportTopOffset;\n\t\t}\n\n\t\tview.toolbar.fillFromConfig( this._toolbarConfig, this.componentFactory );\n\n\t\tenableToolbarKeyboardFocus( {\n\t\t\torigin: editingView,\n\t\t\toriginFocusTracker: this.focusTracker,\n\t\t\toriginKeystrokeHandler: editor.keystrokes,\n\t\t\ttoolbar: view.toolbar\n\t\t} );\n\t}\n\n\t/**\n\t * Enable the placeholder text on the editing root, if any was configured.\n\t *\n\t * @private\n\t */\n\t_initPlaceholder() {\n\t\tconst editor = this.editor;\n\t\tconst editingView = editor.editing.view;\n\t\tconst editingRoot = editingView.document.getRoot();\n\t\tconst sourceElement = editor.sourceElement;\n\n\t\tconst placeholderText = editor.config.get( 'placeholder' ) ||\n\t\t\tsourceElement && sourceElement.tagName.toLowerCase() === 'textarea' && sourceElement.getAttribute( 'placeholder' );\n\n\t\tif ( placeholderText ) {\n\t\t\tenablePlaceholder( {\n\t\t\t\tview: editingView,\n\t\t\t\telement: editingRoot,\n\t\t\t\ttext: placeholderText,\n\t\t\t\tisDirectHost: false,\n\t\t\t\tkeepOnFocus: true\n\t\t\t} );\n\t\t}\n\t}\n}\n","/**\n * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license\n */\n\n/**\n * @module editor-classic/classiceditoruiview\n */\n\nimport { BoxedEditorUIView, InlineEditableUIView, StickyPanelView, ToolbarView } from 'ckeditor5/src/ui';\n\nimport '../theme/classiceditor.css';\n\n/**\n * Classic editor UI view. Uses an inline editable and a sticky toolbar, all\n * enclosed in a boxed UI view.\n *\n * @extends module:ui/editorui/boxed/boxededitoruiview~BoxedEditorUIView\n */\nexport default class ClassicEditorUIView extends BoxedEditorUIView {\n\t/**\n\t * Creates an instance of the classic editor UI view.\n\t *\n\t * @param {module:utils/locale~Locale} locale The {@link module:core/editor/editor~Editor#locale} instance.\n\t * @param {module:engine/view/view~View} editingView The editing view instance this view is related to.\n\t * @param {Object} [options={}] Configuration options for the view instance.\n\t * @param {Boolean} [options.shouldToolbarGroupWhenFull] When set `true` enables automatic items grouping\n\t * in the main {@link module:editor-classic/classiceditoruiview~ClassicEditorUIView#toolbar toolbar}.\n\t * See {@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} to learn more.\n\t */\n\tconstructor( locale, editingView, options = {} ) {\n\t\tsuper( locale );\n\n\t\t/**\n\t\t * Sticky panel view instance. This is a parent view of a {@link #toolbar}\n\t\t * that makes toolbar sticky.\n\t\t *\n\t\t * @readonly\n\t\t * @member {module:ui/panel/sticky/stickypanelview~StickyPanelView}\n\t\t */\n\t\tthis.stickyPanel = new StickyPanelView( locale );\n\n\t\t/**\n\t\t * Toolbar view instance.\n\t\t *\n\t\t * @readonly\n\t\t * @member {module:ui/toolbar/toolbarview~ToolbarView}\n\t\t */\n\t\tthis.toolbar = new ToolbarView( locale, {\n\t\t\tshouldGroupWhenFull: options.shouldToolbarGroupWhenFull\n\t\t} );\n\n\t\t/**\n\t\t * Editable UI view.\n\t\t *\n\t\t * @readonly\n\t\t * @member {module:ui/editableui/inline/inlineeditableuiview~InlineEditableUIView}\n\t\t */\n\t\tthis.editable = new InlineEditableUIView( locale, editingView );\n\t}\n\n\t/**\n\t * @inheritDoc\n\t */\n\trender() {\n\t\tsuper.render();\n\n\t\t// Set toolbar as a child of a stickyPanel and makes toolbar sticky.\n\t\tthis.stickyPanel.content.add( this.toolbar );\n\n\t\tthis.top.add( this.stickyPanel );\n\t\tthis.main.add( this.editable );\n\t}\n}\n","/**\n * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license\n */\n\n/**\n * @module editor-classic/classiceditor\n */\n\nimport { Editor, DataApiMixin, ElementApiMixin, attachToForm } from 'ckeditor5/src/core';\nimport { mix, getDataFromElement, CKEditorError } from 'ckeditor5/src/utils';\n\nimport { isElement } from 'lodash-es';\n\nimport ClassicEditorUI from './classiceditorui';\nimport ClassicEditorUIView from './classiceditoruiview';\n\n/**\n * The {@glink builds/guides/overview#classic-editor classic editor} implementation.\n * It uses an inline editable and a sticky toolbar, all enclosed in a boxed UI.\n * See the {@glink examples/builds/classic-editor demo}.\n *\n * In order to create a classic editor instance, use the static\n * {@link module:editor-classic/classiceditor~ClassicEditor.create `ClassicEditor.create()`} method.\n *\n * # Classic editor and classic build\n *\n * The classic editor can be used directly from source (if you installed the\n * [`@ckeditor/ckeditor5-editor-classic`](https://www.npmjs.com/package/@ckeditor/ckeditor5-editor-classic) package)\n * but it is also available in the {@glink builds/guides/overview#classic-editor classic build}.\n *\n * {@glink builds/guides/overview Builds} are ready-to-use editors with plugins bundled in. When using the editor from\n * source you need to take care of loading all plugins by yourself\n * (through the {@link module:core/editor/editorconfig~EditorConfig#plugins `config.plugins`} option).\n * Using the editor from source gives much better flexibility and allows easier customization.\n *\n * Read more about initializing the editor from source or as a build in\n * {@link module:editor-classic/classiceditor~ClassicEditor.create `ClassicEditor.create()`}.\n *\n * @mixes module:core/editor/utils/dataapimixin~DataApiMixin\n * @mixes module:core/editor/utils/elementapimixin~ElementApiMixin\n * @implements module:core/editor/editorwithui~EditorWithUI\n * @extends module:core/editor/editor~Editor\n */\nexport default class ClassicEditor extends Editor {\n\t/**\n\t * Creates an instance of the classic editor.\n\t *\n\t * **Note:** do not use the constructor to create editor instances. Use the static\n\t * {@link module:editor-classic/classiceditor~ClassicEditor.create `ClassicEditor.create()`} method instead.\n\t *\n\t * @protected\n\t * @param {HTMLElement|String} sourceElementOrData The DOM element that will be the source for the created editor\n\t * or the editor's initial data. For more information see\n\t * {@link module:editor-classic/classiceditor~ClassicEditor.create `ClassicEditor.create()`}.\n\t * @param {module:core/editor/editorconfig~EditorConfig} config The editor configuration.\n\t */\n\tconstructor( sourceElementOrData, config ) {\n\t\tsuper( config );\n\n\t\tif ( isElement( sourceElementOrData ) ) {\n\t\t\tthis.sourceElement = sourceElementOrData;\n\t\t}\n\n\t\tthis.model.document.createRoot();\n\n\t\tconst shouldToolbarGroupWhenFull = !this.config.get( 'toolbar.shouldNotGroupWhenFull' );\n\t\tconst view = new ClassicEditorUIView( this.locale, this.editing.view, {\n\t\t\tshouldToolbarGroupWhenFull\n\t\t} );\n\n\t\tthis.ui = new ClassicEditorUI( this, view );\n\n\t\tattachToForm( this );\n\t}\n\n\t/**\n\t * Destroys the editor instance, releasing all resources used by it.\n\t *\n\t * Updates the editor's source element with the data.\n\t *\n\t * @returns {Promise}\n\t */\n\tdestroy() {\n\t\tif ( this.sourceElement ) {\n\t\t\tthis.updateSourceElement();\n\t\t}\n\n\t\tthis.ui.destroy();\n\n\t\treturn super.destroy();\n\t}\n\n\t/**\n\t * Creates a new classic editor instance.\n\t *\n\t * There are three ways how the editor can be initialized.\n\t *\n\t * # Replacing a DOM element (and loading data from it)\n\t *\n\t * You can initialize the editor using an existing DOM element:\n\t *\n\t *\t\tClassicEditor\n\t *\t\t\t.create( document.querySelector( '#editor' ) )\n\t *\t\t\t.then( editor => {\n\t *\t\t\t\tconsole.log( 'Editor was initialized', editor );\n\t *\t\t\t} )\n\t *\t\t\t.catch( err => {\n\t *\t\t\t\tconsole.error( err.stack );\n\t *\t\t\t} );\n\t *\n\t * The element's content will be used as the editor data and the element will be replaced by the editor UI.\n\t *\n\t * # Creating a detached editor\n\t *\n\t * Alternatively, you can initialize the editor by passing the initial data directly as a string.\n\t * In this case, the editor will render an element that must be inserted into the DOM:\n\t *\n\t *\t\tClassicEditor\n\t *\t\t\t.create( '<p>Hello world!</p>' )\n\t *\t\t\t.then( editor => {\n\t *\t\t\t\tconsole.log( 'Editor was initialized', editor );\n\t *\n\t *\t\t\t\t// Initial data was provided so the editor UI element needs to be added manually to the DOM.\n\t *\t\t\t\tdocument.body.appendChild( editor.ui.element );\n\t *\t\t\t} )\n\t *\t\t\t.catch( err => {\n\t *\t\t\t\tconsole.error( err.stack );\n\t *\t\t\t} );\n\t *\n\t * This lets you dynamically append the editor to your web page whenever it is convenient for you. You may use this method if your\n\t * web page content is generated on the client side and the DOM structure is not ready at the moment when you initialize the editor.\n\t *\n\t * # Replacing a DOM element (and data provided in `config.initialData`)\n\t *\n\t * You can also mix these two ways by providing a DOM element to be used and passing the initial data through the configuration:\n\t *\n\t *\t\tClassicEditor\n\t *\t\t\t.create( document.querySelector( '#editor' ), {\n\t *\t\t\t\tinitialData: '<h2>Initial data</h2><p>Foo bar.</p>'\n\t *\t\t\t} )\n\t *\t\t\t.then( editor => {\n\t *\t\t\t\tconsole.log( 'Editor was initialized', editor );\n\t *\t\t\t} )\n\t *\t\t\t.catch( err => {\n\t *\t\t\t\tconsole.error( err.stack );\n\t *\t\t\t} );\n\t *\n\t * This method can be used to initialize the editor on an existing element with the specified content in case if your integration\n\t * makes it difficult to set the content of the source element.\n\t *\n\t * Note that an error will be thrown if you pass the initial data both as the first parameter and also in the configuration.\n\t *\n\t * # Configuring the editor\n\t *\n\t * See the {@link module:core/editor/editorconfig~EditorConfig editor configuration documentation} to learn more about\n\t * customizing plugins, toolbar and more.\n\t *\n\t * # Using the editor from source\n\t *\n\t * The code samples listed in the previous sections of this documentation assume that you are using an\n\t * {@glink builds/guides/overview editor build} (for example – `@ckeditor/ckeditor5-build-classic`).\n\t *\n\t * If you want to use the classic editor from source (`@ckeditor/ckeditor5-editor-classic/src/classiceditor`),\n\t * you need to define the list of\n\t * {@link module:core/editor/editorconfig~EditorConfig#plugins plugins to be initialized} and\n\t * {@link module:core/editor/editorconfig~EditorConfig#toolbar toolbar items}. Read more about using the editor from\n\t * source in the {@glink builds/guides/integration/advanced-setup \"Advanced setup\" guide}.\n\t *\n\t * @param {HTMLElement|String} sourceElementOrData The DOM element that will be the source for the created editor\n\t * or the editor's initial data.\n\t *\n\t * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization\n\t * and the {@link module:editor-classic/classiceditorui~ClassicEditorUI#element editor element} will replace the passed element\n\t * in the DOM (the original one will be hidden and the editor will be injected next to it).\n\t *\n\t * Moreover, the editor data will be set back to the original element once the editor is destroyed and when a form, in which\n\t * this element is contained, is submitted (if the original element is a `<textarea>`). This ensures seamless integration with native\n\t * web forms.\n\t *\n\t * If the initial data is passed, a detached editor will be created. In this case you need to insert it into the DOM manually.\n\t * It is available under the {@link module:editor-classic/classiceditorui~ClassicEditorUI#element `editor.ui.element`} property.\n\t *\n\t * @param {module:core/editor/editorconfig~EditorConfig} [config] The editor configuration.\n\t * @returns {Promise} A promise resolved once the editor is ready. The promise resolves with the created editor instance.\n\t */\n\tstatic create( sourceElementOrData, config = {} ) {\n\t\treturn new Promise( resolve => {\n\t\t\tconst editor = new this( sourceElementOrData, config );\n\n\t\t\tresolve(\n\t\t\t\teditor.initPlugins()\n\t\t\t\t\t.then( () => editor.ui.init( isElement( sourceElementOrData ) ? sourceElementOrData : null ) )\n\t\t\t\t\t.then( () => {\n\t\t\t\t\t\tif ( !isElement( sourceElementOrData ) && config.initialData ) {\n\t\t\t\t\t\t\t// Documented in core/editor/editorconfig.jdoc.\n\t\t\t\t\t\t\t// eslint-disable-next-line ckeditor5-rules/ckeditor-error-message\n\t\t\t\t\t\t\tthrow new CKEditorError( 'editor-create-initial-data', null );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst initialData = config.initialData !== undefined ? config.initialData : getInitialData( sourceElementOrData );\n\n\t\t\t\t\t\treturn editor.data.init( initialData );\n\t\t\t\t\t} )\n\t\t\t\t\t.then( () => editor.fire( 'ready' ) )\n\t\t\t\t\t.then( () => editor )\n\t\t\t);\n\t\t} );\n\t}\n}\n\nmix( ClassicEditor, DataApiMixin );\nmix( ClassicEditor, ElementApiMixin );\n\nfunction getInitialData( sourceElementOrData ) {\n\treturn isElement( sourceElementOrData ) ? getDataFromElement( sourceElementOrData ) : sourceElementOrData;\n}\n"],"sourceRoot":""}