Редактирование внешнего интерфейса TYPO3 не работает в TYPO3 8.7

Question

Я использую расширение системного расширения для редактирования внешнего интерфейса на веб-сайте TYPO3. В TYPO3 7.6 это работало правильно.

При том же веб-сайте и неизменной конфигурации в TYPO3 8.7 значки редактирования не отображаются. Они являются частью исходного кода HTML страницы, но они скрыты с помощью встроенного CSS: style="display: none;".

Думая, что какая-то часть моего интерфейса может мешать работе TYPO3, я уже пытался удалить весь свой собственный JavaScript и большую часть CSS, но это ничего не меняет: значки редактирования не отображаются.

Может кто-нибудь просветить меня, как заставить их появиться снова?

Answer 1

Я не знаю, почему они сделали это с помощью встроенного CSS, вместо того, чтобы полностью удалить их, если они мертвы. Но вы можете легко активировать их, добавив CSS на ваш сайт.

.typo3-editPanel{display:block !important;overflow:hidden;clear:both}
.typo3-editPanel .typo3-editPanel-btn-group{display:-webkit-box;display:-ms-flexbox;display:flex;float:left;padding:3px 0 3px 3px;background:#f5f5f5;border:1px solid #c5c5c5}
.typo3-editPanel .typo3-editPanel-btn-group .typo3-editPanel-btn{display:block !important;width:auto;height:24px;margin-right:3px;background:#f5f5f5;border:1px solid #c5c5c5;padding:3px}
.typo3-editPanel .typo3-editPanel-btn-group .typo3-editPanel-btn:hover{background:#dcdcdc;border:1px solid #acacac}
.typo3-editPanel .typo3-editPanel-btn-group .typo3-editPanel-btn svg{height:100%;width:auto}
.typo3-editPanel .typo3-editPanel-label{display:none}

Этот CSS не должен мешать вашему обычному веб-сайту. Я не знаю, работают ли они в 8.7, но в 9.x они также деактивированы, и их возврат с помощью CSS работает нормально.

Answer 2

Старая (не поддерживаемая) функция редактирования внешнего интерфейса была удалена из ядра TYPO3 в TYPO 8. Вы должны переключиться на https://extensions.typo3.org/extension/frontend_editing/ Читайте здесь для более подробной информации: https://typo3.org/article/the-new-frontend-editing-for-typo3/