TYPO3 前端编辑在 TYPO3 8.7 中不起作用答案

【问题标题】：TYPO3 Frontend Editing not working in TYPO3 8.7TYPO3 前端编辑在 TYPO3 8.7 中不起作用
【发布时间】：2018-09-09 07:36:42
【问题描述】：

我正在使用系统扩展 feedit 在 TYPO3 网站中提供前端编辑。在 TYPO3 7.6 中，这可以正常工作。

但是，在 TYPO3 8.7 中使用相同的网站和未更改的配置，编辑图标不显示。它们是页面 HTML 源代码的一部分，但它们被内联 CSS 隐藏：style="display: none;"。

考虑到我的前端的某些部分可能会干扰 TYPO3，我已经尝试删除所有自定义 JavaScript 和大部分 CSS，但这并没有改变一件事：编辑图标未显示。

谁能告诉我如何让他们再次出现？

【问题讨论】：

标签： typo3 frontend typo3-8.7.x

【解决方案1】：

旧的（未维护的）前端编辑功能已从 TYPO 8 的 TYPO3 核心中删除。你应该切换到https://extensions.typo3.org/extension/frontend_editing/ 阅读此处了解更多详情： https://typo3.org/article/the-new-frontend-editing-for-typo3/

【讨论】：

我知道 TYPO3 9.5 中会出现新的 FE 编辑。但是，在 TYPO3 8.7 中，旧的 feedit 扩展实际上仍然存在。似乎它根本不适合我......
新的前端编辑不会进入 9.5。它只是还没有准备好成为核心的一部分。暂时它会留在 TER 中，并且可以作为任何其他扩展安装。

【解决方案2】：

我不知道他们为什么用内联 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 将它们恢复正常工作。

【讨论】：