Frontend Editing
Aktivieren
Um Frontend Editing zu ermöglichen erst mal die Icons im Frontend aktivieren mit dem Admin Panel siehe hier.
Admin Panel für Seite anzeigen
Um das Admin Panel (ICons) für die Seite anzuzeigen den Marker RSYS_PANEL in das Page HTML Template und im TS Template folgendes:
# ---------- RSYS_PANEL ----------
RSYS_PANEL = COA
RSYS_PANEL.10 < styles.content.editPanelPage
# ---------- RSYS_PANEL ----------
Editier Fenster
So, nun war mir das Popup Fenster zu klein für den RTE. Es gibt einen Parameter
setup.override.edit_wideDocument=1
...der aber leider nichts bewirkt bei mir (TYPO3 4.2.1). Also habe ich kurz eine simple Extension geschrieben rsys_fedit, mit der man die Popupgrösse ändern kann mittels TS im Template:
#--------------------------------
# tx_rsysfedit
#--------------------------------
tx_rsysfedit {
width=700
height=600
}
Anmelden Abmelden
So, nun noch ein Anmelde / Abmelde Button im Frontend. Einen Marker ins HTML Template ##RSYS_LOGOUT### und dafür folgenden Code ins Template:
# ---------- RSYS_LOGOUT ----------
page.10.marks.RSYS_LOGOUT = TEXT
[globalVar = TSFE : beUserLogin = 0, TSFE : beUserLogin = 1]
page.10.marks.RSYS_LOGOUT.wrap (
<a target="_self" href="/typo3/logout.php?redirect=../home/willkommen.html?ATBE=1&sendLogoutSignal=1">[Abmelden]</a>
)
[else]
page.10.marks.RSYS_LOGOUT.wrap (
<a target="_self" href="/typo3/index.php?redirect_url=http://demo.rootsystem.de/spielwiese">[Anmelden]</a>
)
[global]
# ---------- end RSYS_LOGOUT ----------
Styles
Die Styles kann man mit folgendem css anpassen:
/* ------------------------------------
FE Editing
------------------------------------ */
TABLE.typo3-editPanel { background-color: transparent; border: 1px solid #CC0033;} /* total background */
TABLE.typo3-editPanel TR TD.typo3-editPanel-controls { background-color: transparent; } /* left background */
TABLE.typo3-editPanel TR TD.typo3-editPanel-label { background-color: transparent; } /* right background */
TABLE {float: right; clear: both; display: block; background-color: #eee; } /* alignment, line divider */
TABLE.typo3-editPanel TR TD.typo3-editPanel-controls { background-color: transparent;} /* controls */
TABLE.typo3-editPanel TR TD.typo3-editPanel-controls IMG { background-color: transparent; padding: 2px 2px 2px 2px; } /* size */
Dies würde eine Transparente Box mit rotem Rahmen, rechtsbündig anzeigen