{"version":3,"sources":["Demo/Extension/Editor/EditorCkBalloon.js","App/components/AllCkEditor.js"],"names":["EditorCkBalloon","react__WEBPACK_IMPORTED_MODULE_5___default","a","createElement","_hoc_Aux__WEBPACK_IMPORTED_MODULE_9__","react_bootstrap__WEBPACK_IMPORTED_MODULE_6__","react_bootstrap__WEBPACK_IMPORTED_MODULE_7__","react_bootstrap__WEBPACK_IMPORTED_MODULE_8__","Header","Title","as","Body","_App_components_AllCkEditor__WEBPACK_IMPORTED_MODULE_10__","html","editor","React","Component","getEditor","ClassicEditor","BalloonEditor","InlineEditor","DecoupledEditor","AllCkEditor","_this","this","_ckeditor_ckeditor5_react__WEBPACK_IMPORTED_MODULE_6___default","props","data","onInit","document","querySelector","appendChild","ui","view","toolbar","element","window","onChange","event","onBlur","onFocus"],"mappings":"wMAMMA,mLAqBE,OACIC,EAAAC,EAAAC,cAACC,EAAA,EAAD,KACIH,EAAAC,EAAAC,cAACE,EAAA,EAAD,KACIJ,EAAAC,EAAAC,cAACG,EAAA,EAAD,KACIL,EAAAC,EAAAC,cAACI,EAAA,EAAD,KACIN,EAAAC,EAAAC,cAACI,EAAA,EAAKC,OAAN,KACIP,EAAAC,EAAAC,cAACI,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,mBAEJT,EAAAC,EAAAC,cAACI,EAAA,EAAKI,KAAN,KACIV,EAAAC,EAAAC,cAACS,EAAA,EAAD,CAAaC,KA5B3B,m+DA4BuCC,OAAO,wBA9BlCC,IAAMC,WAwCrBhB,iMCvCf,SAASiB,EAAUH,GACf,OAAQA,GACJ,IAAK,UACD,OAAOI,IACX,IAAK,UACD,OAAOC,IACX,IAAK,SACD,OAAOC,IACX,IAAK,WACD,OAAOC,IACX,QACI,OAAOH,SAIbI,mLACO,IAAAC,EAAAC,KACL,OAAOvB,EAAAC,EAAAC,cAACsB,EAAAvB,EAAD,CACCY,OAASG,EAAUO,KAAKE,MAAMZ,QAC9Ba,KAAOH,KAAKE,MAAMb,KAClBe,OAAS,SAAAd,GACqB,aAAtBS,EAAKG,MAAMZ,SACce,SAASC,cAAc,6BAC/BC,YAAYjB,EAAOkB,GAAGC,KAAKC,QAAQC,SACpDC,OAAOtB,OAASA,IAIxBuB,SAAW,SAAEC,EAAOxB,KAIpByB,OAAS,SAAAzB,KAGT0B,QAAU,SAAA1B,cApBAC,IAAMC,WA6BjBM","file":"static/js/107.20704e8b.chunk.js","sourcesContent":["import React from 'react';\r\nimport {Row, Col, Card} from 'react-bootstrap';\r\n\r\nimport Aux from \"../../../hoc/_Aux\";\r\nimport AllCkEditor from \"../../../App/components/AllCkEditor\";\r\n\r\nclass EditorCkBalloon extends React.Component {\r\n    render() {\r\n        const html = `<h3>Walking the capitals of Europe: Warsaw</h3>\r\n        <figure class=\"image image-style-side\">\r\n            <img alt=\"Picture of the Warsaw Old Town.\" src=\"https://ckeditor.com/assets/images/bg/umbrellas-e935d5c582.jpg\" />\r\n            <figcaption>Medieval Old Town square, destroyed in 1944 & rebuilt after WWII.</figcaption>\r\n        </figure>\r\n        <p>If you enjoyed my previous articles in which we discussed wandering around <a href=\"#!\" target=\"_blank\" rel=\"noopener\">Copenhagen</a> and <a href=\"#!\" target=\"_blank\" rel=\"noopener\">Vilnius</a>, you’ll definitely love exploring <a href=\"https://en.wikipedia.org/wiki/Warsaw\" target=\"_blank\" rel=\"noopener\">Warsaw</a>.</p>\r\n        <h3>Time to put comfy sandals on!</h3>\r\n        <p>Best time to visit the city is July and August, when it’s cool enough to not break a sweat and hot enough to enjoy summer. The city which has quite a combination of both old and modern textures is located by the river of Vistula.</p>\r\n        <p>The historic <strong>Old Town</strong>, which was reconstructed after the World War II, with its late 18th century characteristics, is a must-see. You can start your walk from the <strong>Nowy Świat Street</strong> which will take you straight to the Old Town.</p>\r\n        <p>Then you can go to the <strong>Powiśle</strong> area and take a walk on the newly renovated promenade on the riverfront. There are also lots of cafes, bars and restaurants where you can shake off the exhaustion of the day. On Sundays, there are many parks where you can enjoy nature or listen to pianists from around the world playing Chopin.</p>\r\n        <p>For museum lovers, you can add these to your list:</p>\r\n        <ul>\r\n            <li>POLIN</li>\r\n            <li>Warsaw Uprising Museum</li>\r\n            <li>Fryderyk Chopin Museum</li>\r\n        </ul>\r\n        <h3>Next destination</h3>\r\n        <p>We will go to Berlin and have a night's walk in the city that never sleeps! Make sure you subscribe to our newsletter!</p>`;\r\n\r\n        return (\r\n            <Aux>\r\n                <Row>\r\n                    <Col>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as='h5'>Balloon Editor</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <AllCkEditor html={html} editor='balloon'/>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                </Row>\r\n            </Aux>\r\n        );\r\n    }\r\n}\r\n\r\nexport default EditorCkBalloon;","import React from 'react';\r\nimport CKEditor from '@ckeditor/ckeditor5-react';\r\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\r\nimport InlineEditor from '@ckeditor/ckeditor5-build-inline';\r\nimport BalloonEditor from '@ckeditor/ckeditor5-build-balloon';\r\nimport DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document';\r\n\r\nfunction getEditor(editor) {\r\n    switch (editor) {\r\n        case 'classic':\r\n            return ClassicEditor;\r\n        case 'balloon':\r\n            return BalloonEditor;\r\n        case 'inline':\r\n            return InlineEditor;\r\n        case 'document':\r\n            return DecoupledEditor;\r\n        default:\r\n            return ClassicEditor;\r\n    }\r\n}\r\n\r\nclass AllCkEditor extends React.Component {\r\n    render() {\r\n        return <CKEditor\r\n                editor={ getEditor(this.props.editor) }\r\n                data= {this.props.html}\r\n                onInit={ editor => {\r\n                    if (this.props.editor === 'document') {\r\n                        const toolbarContainer = document.querySelector('.document-editor__toolbar');\r\n                        toolbarContainer.appendChild(editor.ui.view.toolbar.element);\r\n                        window.editor = editor;\r\n                    }\r\n                    // console.log( 'Editor is ready to use!', editor );\r\n                } }\r\n                onChange={ ( event, editor ) => {\r\n                    // const data = editor.getData();\r\n                    // console.log( { event, editor, data } );\r\n                } }\r\n                onBlur={ editor => {\r\n                    // console.log( 'Blur.', editor );\r\n                } }\r\n                onFocus={ editor => {\r\n                    // console.log( 'Focus.', editor );\r\n                } }\r\n            />\r\n\r\n\r\n    }\r\n}\r\n\r\nexport default AllCkEditor;"],"sourceRoot":""}