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 ----------

Erstellt: 07/2010| Geändert: 10/2015

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

Erstellt: 07/2010| Geändert: 10/2015