Overview: Features of integrated content editing
Overview Features of integrated content editing.
What's new in content editing technology? Everyone is already accustomed to editing in the first place, searching for the necessary material in the bowels of the CMS, and then searching in large form the field in which the text itself changes. And it’s good 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 you to make changes to the meta-information), but also redundant. After all, if you forgot to put a comma, then you have to do all these operations again.
Instead, inplace editors provide an opportunity to concentrate on the text itself without having to look for material in the bowels of the admin panel.
What are the benefits of inplace editors?
There is no need for transition;
Editing takes place in the context of the page;
Real WYSIWYG, i.e. editable content looks distortion-free by using the contentEditable property;
Separating the process of editing content from management reduces the likelihood of editor errors.
More intuitive to use, lower technical literacy bar.
Here are the most popular inline editors.
The most popular representative of this family. It has integration into many popular CMS such as WordPress, Drupal, TYPO3. Integration occurs through the API. Aloha offers convenient tools for formatting content. Management is carried out using a toolbar in the style of MS Office. In addition to formatting, it is possible to add links, tables, images and abbreviations. The ability to edit HTML is missing.
Demo aloha-editor.org/demos.php
appeared during the work on Create.js, which originally used the Aloha editor, but due to licensed incompatibility, a free alternative was created.
The editor has a modular architecture. Plugins allow you to expand the capabilities of editing tools (halloformat, halloheadings, hallolists), filtering tags (halloblacklist), image loading (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 the popular CMS Jommla and Drupal.
The toolbar is customizable. It is possible to edit HTML, but not in the inline mode, but to regret it without highlighting the code. In addition to the free license, the editor also has a commercial license that includes support from $ 375 per year.
Demo ckeditor.com/demo#inline
Like CKEditor, there are two options, including support for a contentEditable called air mode. When editing, a trick with hidden textarea is used. This allows you to solve some of the limitations of contentEditable.
Supports Drag and Drop download images. There is support for Amazon S3 to download images. The editor can be integrated thanks to a well-designed API. The editor is distributed under commercial license. Volume license from $ 199.
Demo imperavi.com/redactor/examples/air
article on habr habrahabr.ru/post/167647
Created to edit 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 highlighting. The module for Drupal is developed by the talbot user . Unlike other editors, in addition to integration into CMS, it is possible to use the editor as a standalone 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 are more likely to replace standard editors. In reality, their capabilities are far from limited to this. But in order to fully utilize the potential, a new type of CMS is needed before. Creating a similar system, for example, the Create.js project. But the work is still at the very beginning.
What's new in content editing technology? Everyone is already accustomed to editing in the first place, searching for the necessary material in the bowels of the CMS, and then searching in large form the field in which the text itself changes. And it’s good 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 you to make changes to the meta-information), but also redundant. After all, if you forgot to put a comma, then you have to do all these operations again.
Instead, inplace editors provide an opportunity to concentrate on the text itself without having to look for material in the bowels of the admin panel.
What are the benefits of inplace editors?
There is no need for transition;
Editing takes place in the context of the page;
Real WYSIWYG, i.e. editable content looks distortion-free by using the contentEditable property;
Separating the process of editing content from management reduces the likelihood of editor errors.
More intuitive to use, lower technical literacy bar.
Here are the most popular inline editors.
Aloha
The most popular representative of this family. It has integration into many popular CMS such as WordPress, Drupal, TYPO3. Integration occurs through the API. Aloha offers convenient tools for formatting content. Management is carried out using a toolbar in the style of MS Office. In addition to formatting, it is possible to add links, tables, images and abbreviations. The ability to edit HTML is missing.
Demo aloha-editor.org/demos.php
Hallo editor
appeared during the work on Create.js, which originally used the Aloha editor, but due to licensed incompatibility, a free alternative was created.
The editor has a modular architecture. Plugins allow you to expand the capabilities of editing tools (halloformat, halloheadings, hallolists), filtering tags (halloblacklist), image loading (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 the popular CMS Jommla and Drupal.
The toolbar is customizable. It is possible to edit HTML, but not in the inline mode, but to regret it without highlighting the code. In addition to the free license, the editor also has a commercial license that includes support from $ 375 per year.
Demo ckeditor.com/demo#inline
Imperavi redactor
Like CKEditor, there are two options, including support for a contentEditable called air mode. When editing, a trick with hidden textarea is used. This allows you to solve some of the limitations of contentEditable.
Supports Drag and Drop download images. There is support for Amazon S3 to download images. The editor can be integrated thanks to a well-designed API. The editor is distributed under commercial license. Volume license from $ 199.
Demo imperavi.com/redactor/examples/air
Inlineeditor
article on habr habrahabr.ru/post/167647
Created to edit 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 highlighting. The module for Drupal is developed by the talbot user . Unlike other editors, in addition to integration into CMS, it is possible to use the editor as a standalone 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: purpose, integration, licenses
| 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 are more likely to replace standard editors. In reality, their capabilities are far from limited to this. But in order to fully utilize the potential, a new type of CMS is needed before. Creating a similar system, for example, the Create.js project. But the work is still at the very beginning.