friendsoftypo3 / frontend_editing

TYPO3 CMS Frontend Editing

TYPO3 extension frontend_editing

This extension enhances the TYPO3 CMS with the possibility of frontend editing with CKeditor, the rich text editor of the TYPO3 backend.

	URL
Repository:	https://github.com/FriendsOfTYPO3/frontend_editing
Read online:	https://docs.typo3.org/p/friendsoftypo3/frontend-editing/main/en-us/
TER:	https://extensions.typo3.org/extension/frontend_editing/

frontend_editing's Issues

CSS/SASS linter

Add a CSS/SASS linter for the build process.

Hide admin panel on frontend editing active

Hide admin panel on frontend editing active

Add proper trigger for when content is changed

Add proper trigger for when content is changed, instead of just listening to onChange.

Compatibility with TYPO3 7.6

Hi everyone.

I wanted to test the extension in our dummy TYPO3 7.6 system. After installation and the steps of the documentation I got this error in the frontend:

Call to undefined method TYPO3\CMS\Fluid\View\StandaloneView::getRenderingContext() in /var/www/html/projekte/00_Entwicklung/typodummy/typo3_7_6/typo3conf/ext/frontend_editing/Classes/Hook/ContentPostProc.php

If I comment this line out, I get a new error:
PHP Warning: filemtime(): stat failed for EXT:frontend_editing/Resources/Private/Templates/Toolbars/Toolbars.html in /var/www/html/projekte/00_Entwicklung/typodummy/typo3_7_6/_sources/typo3_src-7.6.12/typo3/sysext/fluid/Classes/View/StandaloneView.php line 553

Is the extension maybe currently not compatible with 7.6?

Kind Regards,
Marc

Fluid is used incorrectly

The following code:

                // No configuration found
                if (!isset($settings['plugin.']['tx_frontendediting.'])) {
                    $layoutPath =  'EXT:frontend_editing/Resources/Private/Layouts/';
                    $templatePath = 'EXT:frontend_editing/Resources/Private/Templates/Toolbars/Toolbars.html';
                    $partialPath = 'EXT:frontend_editing/Resources/Private/Partials/';
                } else {
                    $layoutPath = $settings['plugin.']['tx_frontendediting.']['view.']['layoutRootPath'];
                    $templatePath = $settings['plugin.']['tx_frontendediting.']['view.']['templateRootPath'];
                    $partialPath = $settings['plugin.']['tx_frontendediting.']['view.']['partialRootPath'];
                }

                $view = new \TYPO3\CMS\Fluid\View\StandaloneView();
                $view->setTemplatePathAndFilename($templatePath);
                $view->setLayoutRootPaths([
                    10 => $layoutPath
                ]);
                $view->setPartialRootPaths([
                    10 => $partialPath
                ]);

Is from the content post processing hook. It depends on legacy naming of templateRootPath as described in #75 but worse than this, it misuses the setTemplatePathAndFilename - it sets this to a root path rather than a specific filename as is the intended usage.

Link picker

When trying to use the link picker it throws an javascript error because it points to a textarea in the javascript backend. So either a fix should be done or we ship a copy of the core version.

View module in backend shows edit icons

When entering view backend in TYPO3s backend the edit icons are shown.

Make profile image rounded like in the TYPO3 backend

Make profile image rounded like in the TYPO3 backend. Right now it has a square shape in the frontend,

Resource picker

When trying to use the resource picker it throws an javascript error because it points to a textarea in the javascript backend. So either a fix should be done or we ship a copy of the core version.

Basics of the extension

Create the extension all the basics for using it within TYPO3

Make it possible to turn the editing functionality on and off

Make it possible to turn the editing functionality on and off. This should be done in:

• Single user lever
• Global typoscript

Frontend editing do not load on Tablet

Frontend editing do not load on Tablet

Inline state missing when using inline editing

When having multiple instances of inline editable elements the CKEDITOR do no recognize the current state of the content. Such as bold, italic etc.

Profile image/name needs a dropdown

Profile image/name needs a dropdown where there is a possibility to logout. In the same way as in TYPO3:s backend.

Get a list of all elements on page

For example creating an html-element with only an empty div makes the element not selectable.

Documentation is not accessible

Hi,

The given link from the documentation...
https://pixelant.gitbooks.io/typo3-frontend-editing/

... redirects "in loop" to
https://www.gitbook.com/book/pixelant/typo3-frontend-editing/details

Make it possible to edit texts in frontend

The CKEditor should be able to be inline editable for text elements.

When navigating in the page tree, the panel is closed after page reload

When navigating in the page tree, the panel is closed after page reload. Make sure it is persisted.

Add localization files

Add localization files for usage in the extension instead of hardcoded texts.

No static template available

I wanted to test the new frontend editor in a very small test environment with TYPO3 8.5.0-dev. I cloned the extension and activated it in the EM.
But there is no static template which I could include in my TS template, see attached screenshot.
Any ideas?

Separate header and content when CType "textmedia"

Separate header and content when CType "textmedia" for easier editing within the content.

After first move the moving is broken

After first move the moving is broken when using inline actions.

Inline edit disappeared

With last version there's no more inline edition available.

Add contenteditable='true' to fluid styled content

When a layout are using the content type fluid_styled_content the contenteditable='true' are note added to the output.

Hidden elements how should they be displayed in editing mode

Hidden elements how should they be displayed in editing mode. A thought through concept is to do as in the TYPO3 backend, that the elements are kind of "dimmed" out.

Saving changes to multiple fields of same element

When two different fields are editable, only change made to the last field is persisted into database when saved. Might be something to do how the changed are being tracked for each content element.

Content move doesn't work

When I moved a content up or down most of time that doesn't work although a message said that the content is moved.

Replace arrows for opening panel with proper icons

Replace arrows for opening panel with proper icons. So it is easier to track what the panel contains.

Modal close and close and save from TYPO3 do not work

Modal "close" and "close and save" from TYPO3 do not work.

Multicolumn, how to move content elements between them

Multicolumn, how to move content elements between them. There should be a ready concept for this before starting.

An alternative could be to add a button which can copy and the paste before/after depending on the scenario.

It is possible to drag and drop inline icons

When editing a content element with a tablet/phone there is a possible to drag and drop the inline icons itself. This give an "null" value in the actual element where the icon was dropped.

CKEditor dependency

Add the library CKEditor as a dependency. Either as composer or related to rteckeditor.

Issue with relative path of jQuery

I had to change the jQuery path in ContentPostProc, as there was no leading slash:
https://github.com/pixelant/frontend_editing/blob/master/Classes/Hook/ContentPostProc.php#L174

btw: Inline editing is not working for me. Should I use a different branch than master or is this not implemented yet?

Move content do not work

Move content do not work. It goes to the next ckeditor instance instead of the proper column.

When a content element have an image inline editing do not work in Chrome

When a content element have an image inline editing do not work in Chrome but Firefox.

Example url:
http://feedit.pixelant.nu/index.php?id=32

SVG Viewhelper

Create a SVG viewhelper for all icons that can be used from TYPO3.

Icons in the first content element do not work

Icons in the first content element do not work.

Example url:
http://feedit.pixelant.nu/index.php?id=32

Add a modal instead of the window.open for all interactions

Add a modal instead of the window.open for all interactions.

Text with image can´t be inline edited

Text with image can´t be inline edited, this is due to missing tests for it.

Save button should be "disabled" until a element can be saved

Save button should be "disabled" until a element can be saved. This should then activate the "orange" active color.

All PHP and JS files need this doc comment block at the top of each file

All PHP and JS files need this doc comment block at the top of each file just like in TYPO3 core

Make the right bar to be overlay instead of push element

Make it possible to choose if the right bar should be to be overlay instead of push element. It should interact in the same way as the left bar.

TS setup uses long-deprecated singular path format

Should use templateRootPaths, partialRootPaths etc.

Unsaved elements

Add functionality for updating the number of unsaved elements for button "Discard all"

The inline edit icons have alignments problem

The inline edit icons have alignments problem, when a content element have an image.

Example url: http://feedit.pixelant.nu/index.php?id=32

Add dots (...) to page tree with long titles

Add dots (...) to page tree with long titles

Replace all `$GLOBALS['TYPO3_DB']` with Doctrine calls

Replace all $GLOBALS['TYPO3_DB'] with Doctrine calls for TYPO3 8

Setup the basics in TYPO3 for editing

Add the necessary hooks and functionality required to render the CKEditor in the frontend while logged in as an editor.

A non admin user do not have access to all content elements

A non admin user do not have access to all content elements in the add new content panel to the right.

Investigate if it is related to access rights from backend or not.

UTF8 encoding problem

When adding non standard UTF8 characters they are not properly saved. Example:

Ö turns into html encoded version.