\n Key features •\n Getting started •\n Plugins •\n Demo •\n Related\n
\n\n\n\n## Key features\n\nThere are a few key features:\n\n* [Block elements](#block-elements)\n* [Keyboard shortcuts with hints](#keyboard-shortcuts-with-hints)\n* [Textarena own parser](#textarena-own-parser)\n* [Textarena own change history](#textarena-own-change-history)\n* [Style control](#style-control)\n* [Typograf support](#typograf-support)\n\nTo learn how to install and use Textarena, view [Getting started](./docs/getting_started.md).\n\n### __*Block elements*__\nIn some other editors, the workspace is represented by a single `contenteditable` element in which you can create various HTML markup. Because of this bugs with moving text fragments or scaling images occur, while parts of the page jump and twitch. There is also an bug with highlighting large parts of the text in the case when you just want to make a few words a heading or bold.\n\nThe Textarena workspace consists of separate **blocks**: paragraphs, headings, images, lists, quotes, etc. Each of them is an independent element provided by Textarena Plugin. This allows to avoid such bugs.\n\n### __*Keyboard shortcuts with hints*__\nFor convenience, there are keyboard shortcuts in the Textarena. They allow you to add Textarena elements, change their order, change the text styling, insert special characters and manipulate the history of changes.\n\nOf course, in order not to memorize all the keyboard shortcuts, the Textarena has hints. How to view them is described below.\n\nWhen the cursor is on an empty paragraph, a placeholder hint appears.\n\n\n\nHold Ctrl (Cmd ⌘ on Mac) or Alt (Option ⌥ on Mac) to see shortcut tips.\n\nCreator bar keyboard shortcut tips: \n\n\nToolbar keyboard shortcut tips: \n\n\nIt is also possible to view hints by clicking on the button with the symbol '`?`'. This button is located in the lower right corner.\n\n\n\n### __*Textarena own parser*__\nWhen inserting text from other editors, there may be a problem that additional styles are added. They interfere with the correct display of the text in the current editor and its further formatting.\n\nTo avoid this problem, the arena has its own parser. It removes styles and attributes that may affect the editor's work. You can configure which attributes should be kept and which should be avoided in the configuration of plugins. \n\nYou can read more about plugins [here](./docs/plugins.md).\n\n### __*Textarena own change history*__\nDepending on the browser, there is a possibility of incorrect operation of the change history, for example, when nothing happens when trying to cancel changes.\n\nTo avoid this problem, the arena stores its own history of changes.\n\n### __*Style control*__\nTextarena is used on various web resources that have their own styling. \n\nIn order not to violate the design of the web resource, Textarena supports the ability to control styles and classes assigned to the elements of Textarena. This control is carried out by configuring plugins.\n\nYou can read more about plugins [here](./docs/plugins.md).\n\n### __*[Typograf](https://github.com/typograf/typograf) support*__\nTextarens supports the package Typograf. It helps to automatically place unbreakable spaces, correct minor typos, bring quotes to the correct form, replace hyphens with dashes in the right places, and much more.\n\nTo use the Typograf, select the text and click the button centered at the bottom with the text '`Typograf`'.\n\n\n\n## Related\n\n[ng-textarena](https://github.com/devopsprodigy/ng-textarena) - Angular version of the Textarena\n","readmeFilename":"README.md"}