\n Lorem ipsum dolor sit amet.
\n
\n \n In ac tortor suscipit.
\n\n```\n\nTo keep track of the changes for a custom \"undo redo\" stack and to forward the information to your application, the component mainly uses the [MutationObserver API](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).\n\nIt also uses some keyboard, mouse or touch events to present UI elements or apply styling changes.\n\n## Installation\n\nYou can use Stylo via CDN or by installing it locally.\n\n### CDN\n\nAdd the following code to your page to load the editor.\n\n```html\n\n```\n\nThat's it, the component is imported and loaded.\n\n### Local Installation\n\nInstall the editor in your project from [npm](https://www.npmjs.com/package/@papyrs/stylo):\n\n```bash\nnpm install @papyrs/stylo\n```\n\nAfterwards you will need to load - i.e. import - the component in your application. Use one of the following methods, the one that fits the best your needs or framework.\n\n#### Loader\n\nLazy load the components with the help of a loader. This is the recommended solution to load Stylo in [vite](https://vitejs.dev/) projects.\n\n```js\nimport {defineCustomElements} from '@papyrs/stylo/dist/loader';\ndefineCustomElements();\n```\n\n#### Import\n\nImport the library.\n\n```js\nimport '@papyrs/stylo';\n```\n\n#### Custom Elements\n\nIt is also possible to import only selected element, as for example the `