new

FrontendEditor

Frontend content editor based on TinyMCE 5 RTE
Free
Download the package from the manager of your site.
How to download?
The author
apnix
Packages
1
Downloads
8
Автор дополнения
Packages
1
Downloads
8
Version 1.1.3-pl
Release date 06.25.2020
Downloads 8
Views 14
Warning! This component requires PHP version 5.4 or higher! If your site uses PHP less than required, the installation of this package could break it.
Frontend Editor
Frontend Editor is a simple plugin that allows you to edit content without having to log in through the manager interface to do this. It includes TinyMCE 5 for easy editing.



Features
  • Supported editing of document fields including TV fields.
  • Easy image loading without using a resource manager.
  • Editing fields by resource ID (useful for creating editable menus, breadcrumbs, etc.)
Installation
Install the extension. Wrap the fields you want to edit with the tag with attribute data-frontendeditor=«content» specify the field name as the attribute value. For example:
<div data-frontendeditor="content">
    [[*content]]
</div>
Available values: content, pagetitle, longtitle, menutitle, description, introtext

Editing TV fields
For editing TV fields as attribute value must be specified tv- in front of the field name.
<div data-frontendeditor="tv-myTvField">
    [[*myTvField]]
</div>

Editor's Choice
For each field, you can specify one of two types of editors: TinyMCE tinymce (no need to specify by default) or a simple input field simple.
<div data-frontendeditor="tv-myTvField, simple">
    [[*myTvField]]
</div>

Editing values by resource ID
If you need to edit the fields of another resource, you need to specify its id as the first option. This is especially useful for creating editable menus, breadcrumbs, and other interface elements.

Example of editing of pagetitle for a resource with id – 2
<a href="/index.php?id=2" data-frontendeditor="2, pagetitle, simple">
    [[pdoField?&id=`2`&field=`pagetitle`]]
</a>

Example of an editable menu:
[[pdoMenu?
    &parents=`0`
    &tpl=`@INLINE <li><a href="[[+link]]" data-frontendeditor="[[+id]], menutitle, simple">[[+menutitle]]</a>[[+wrapper]]</li>`
]]

Field menutitle
For editable fields menutitle if they are empty special behavior are provided. They are filled with the value from pagetitle, and the result is saved in menutitle. These behavior can be changed, see advanced settings.

Additional settings
frontendeditor.tinymce_init_default — TinyMCE configuration settings. For more details see [TinyMCE 5.0 Documentation](https://www.tiny.cloud/docs/)

frontendeditor.upload_path — image upload directory

frontendeditor.upload_file_name — processing the file name, can take the following values:
* empty (by default) — does nothing;
* sanitize — removes the characters $-+!*'(),{}|\\^~[]`<>#%\";/?:@&="
* uniqid — generates a unique name such as 5db365920976f.png

frontendeditor.menutitle_behavior — editor behavior for empty menutitle fields. It can take the following values:
0 — the editor works with empty menutitle as well as with other fields.
1 (default) — Empty menutitle field is substituted with the value from pagetitle and the result is saved in menutitle.
2 — Empty menutitle field is substituted with the value from pagetitle and the result is saved in pagetitle.

System Requirements
* On those pages where you are going to use the editor, DOCTYPE should be indicated such as: <!DOCTYPE html>
* TinyMCE 5 should support your browser: www.tiny.cloud/docs/general-configuration-guide/system-requirements

Screenshots




  • Added behavior for empty menutitle field
  • Fixed bugs
  • Performance improvements