\n
\n\n \n\n\n\n```\n\n\n\nA few comments on this: \n\n1. Create a div element which will be a container for the editor.\n2. The editor is loaded to the page using the moduleLoader script which allows dynamically importing of ES6 modules. \n3. All modules are located from the location you configure with the `uiFrameworkBaseUrl` variable. Since the `import` keyword in JavaScript supports only string literals, you have to duplicate the URL there as well.\n4. There are two JSON object you have to prepare to pass to the editor - the _product_ and the _config_. In this demo they are harcoded, however, in a real-life application you should either send them from back end or create dynamically. \n * The product contains a definition of the product from the ecommerce system. See the [Working With E-commerce Driver](docs/working-with-ecommerce-driver.md) article for details.\n * The config describes the user interface and the behavior of the editor. This sample illustrates the simplest possible config which does nothing for brevity. See the [Introduction to UI Framework](docs/readme.md) and other documentation articles to learn how to create more useful configs.\n5. You should load a couple of UI Framework modules (ecommerce driver and the editor) and initialize them using the `driver.init(...)` method where you pass product, config, and some other data. After that you are using the `renderEditor` method where you pass the container element you created on the step 1.\n6. To get the information from the editor when the user finishes editing, you can subscribe for the `onSubmitted` event handler. Other events also exist. \n\n\n","readmeFilename":"readme.md"}