Overview: Features built-in content editing
Overview Features built-in content editing.
What new can you come up with in content editing technology? Everyone has become accustomed to editing that one has to first search for the necessary material in the depths of the CMS, and then search in large form for the field in which the text itself changes. And well, if in this field it will be shown with the same design as on the site. But often this form for content management is not only very powerful (when it allows for changes in meta-information), but also redundant. After all, if you forgot to put a comma, you will have to perform all these operations again.
Instead, inplace editors provide an opportunity to concentrate on the text itself without having to search for material in the depths of the admin panel.
What are the advantages of inplace editors?
There is no need for a transition;
Editing takes place in the context of the page;
This WYSIWYG, i.e. editable content looks without distortion due to the use of the contentEditable property;
Separating content editing from management reduces the likelihood of editors' mistakes
More intuitive to use, reduced technical literacy bar.
')
Here are the most popular representatives of inline-editors.
The most popular representative of this family. It has an integration in many popular CMS such as WordPress, Drupal, TYPO3. Integration occurs through the API. Aloha offers convenient content formatting tools. Management is carried out using the toolbar in the style of MS Office. In addition to formatting, you can add links, tables, images and abbreviations. Ability to edit HTML is missing.
Demo aloha-editor.org/demos.php
appeared in the process of working on Create.js, which originally used the Aloha editor, but because of the license incompatibility, a free alternative was created.
The editor has a modular architecture. Plug-ins allow you to expand the possibilities of editing tools (halloformat, halloheadings, hallolists), filtering tags (halloblacklist) of loading images (halloimage). Has a free MIT license. Thanks to create.js, it has Symphony integration.
Demo createjs.org/demo/hallo
In addition to the standard WYSIWYG editor, it also has a built-in editing mode. There is integration with putiarny CMS Jommla and Drupal.
Toolbar customizable. It is possible to edit HTML, but not in inline mode, also unfortunately without highlighting the code. In addition to a free license, the editor also has a commercial one, which includes support from $ 375 per year.
Demo ckeditor.com/demo#inline
As well as CKEditor, there are two options including support for content Editable called air mode. When editing, use a hidden textarea trick. This allows us to resolve some of the contentEditable constraints
Supports Drag and Drop image upload. There is Amazon S3 support for downloading images. You can integrate the editor thanks to a well-thought-out API. The editor is distributed under a commercial license. Corporate license from $ 199.
Demo imperavi.com/redactor/examples/air
article on habr habrahabr.ru/post/167647
Created with the purpose of editing static HTML pages with the ability to save changes directly to the server. Supports Node.js and PHP. The latest version also has a toolbar with a basic set of formatting functions and a page generator with a choice of template and layout'a. Also has a handy HTML editor with highlight. The module for Drupal is developed by the user talbot . Unlike other editors, besides integration into the CMS it is possible to use the editor as an independent solution. For example, to quickly create or edit a prototype or to create and edit simple sites that do not require dynamic content.
Demo xreader.github.com/inplaceeditor/demo.html
Currently, inlline reactors act more like a replacement for standard editors. In reality, their possibilities are far from being limited to this. But in order to fully exploit the potential, a new type of CMS is needed first. Creating such a system, for example, the Create.js project is forgotten. But the work is still at the very beginning.
What new can you come up with in content editing technology? Everyone has become accustomed to editing that one has to first search for the necessary material in the depths of the CMS, and then search in large form for the field in which the text itself changes. And well, if in this field it will be shown with the same design as on the site. But often this form for content management is not only very powerful (when it allows for changes in meta-information), but also redundant. After all, if you forgot to put a comma, you will have to perform all these operations again.
Instead, inplace editors provide an opportunity to concentrate on the text itself without having to search for material in the depths of the admin panel.
What are the advantages of inplace editors?
There is no need for a transition;
Editing takes place in the context of the page;
This WYSIWYG, i.e. editable content looks without distortion due to the use of the contentEditable property;
Separating content editing from management reduces the likelihood of editors' mistakes
More intuitive to use, reduced technical literacy bar.
')
Here are the most popular representatives of inline-editors.
Aloha
The most popular representative of this family. It has an integration in many popular CMS such as WordPress, Drupal, TYPO3. Integration occurs through the API. Aloha offers convenient content formatting tools. Management is carried out using the toolbar in the style of MS Office. In addition to formatting, you can add links, tables, images and abbreviations. Ability to edit HTML is missing.
Demo aloha-editor.org/demos.php
Hallo editor
appeared in the process of working on Create.js, which originally used the Aloha editor, but because of the license incompatibility, a free alternative was created.
The editor has a modular architecture. Plug-ins allow you to expand the possibilities of editing tools (halloformat, halloheadings, hallolists), filtering tags (halloblacklist) of loading images (halloimage). Has a free MIT license. Thanks to create.js, it has Symphony integration.
Demo createjs.org/demo/hallo
CKEditor
In addition to the standard WYSIWYG editor, it also has a built-in editing mode. There is integration with putiarny CMS Jommla and Drupal.
Toolbar customizable. It is possible to edit HTML, but not in inline mode, also unfortunately without highlighting the code. In addition to a free license, the editor also has a commercial one, which includes support from $ 375 per year.
Demo ckeditor.com/demo#inline
Imperavi redactor
As well as CKEditor, there are two options including support for content Editable called air mode. When editing, use a hidden textarea trick. This allows us to resolve some of the contentEditable constraints
Supports Drag and Drop image upload. There is Amazon S3 support for downloading images. You can integrate the editor thanks to a well-thought-out API. The editor is distributed under a commercial license. Corporate license from $ 199.
Demo imperavi.com/redactor/examples/air
InlineEditor
article on habr habrahabr.ru/post/167647
Created with the purpose of editing static HTML pages with the ability to save changes directly to the server. Supports Node.js and PHP. The latest version also has a toolbar with a basic set of formatting functions and a page generator with a choice of template and layout'a. Also has a handy HTML editor with highlight. The module for Drupal is developed by the user talbot . Unlike other editors, besides integration into the CMS it is possible to use the editor as an independent solution. For example, to quickly create or edit a prototype or to create and edit simple sites that do not require dynamic content.
Demo xreader.github.com/inplaceeditor/demo.html
Table: assignment, integration, license
| Title / Link | Licensing | Integration | Use cases |
|---|---|---|---|
| hallojs.org | MIT license | Symfony | CMS integration |
| aloha-editor.org | GPLv2, GPLv3, Commercial License | Locomotive CMS | CMS integration |
| ckeditor.com/demo#inline | GPL, LGPL, MPL and Commercial license | Drupal, Joomla, API | CMS integration |
| xreader.github.com/inplaceeditor/demo.html | MIT License | Drupal (work in progress) | Standalone |
| imperavi.com/redactor | Commercial license (from $ 99) | API | CMS integration |
Currently, inlline reactors act more like a replacement for standard editors. In reality, their possibilities are far from being limited to this. But in order to fully exploit the potential, a new type of CMS is needed first. Creating such a system, for example, the Create.js project is forgotten. But the work is still at the very beginning.
Source: https://habr.com/ru/post/170195/
All Articles