CMS Editor Extern
Scripte > Text- & Tabellenobjekte
Texte Online editieren mit FreeCMS-Editor
- Administrator-Account bei FREECMS kostenlos anlegen: https://www.freecms.com/sign_up.aspxWichtig: Achte auf die Vergabe der Rechte des Editors. Der Administrator kann jederzeit alle Einstellungen anpassen, ändern und/oder ergänzen.
- Einstellungen (Setup) aufrufen, Website- und FTP-Settings gemäß Screenshot_setup einstellen.
Speichern mit - Optionen (Options) aufrufen, Content Blocks belassen und Images, Documents und Media gemäß Screenshot_options einstellen.
Speichern mit - Benutzer (Editors) durch +Add Editor hinzufügen und Einstellungen gemäß Screenshot_editors übernehmen.
Speichern mit - Webseite (Web Pages) durch +Add hinzufügen und Einstellungen gemäß Screenshot_pages übernehmen.
Speichern mit - ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken und das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren.
HEAD-Code in den HEAD-Bereich ... und HTML-Code in den BODY-Bereich ... der aufrufende Datei einfügen.
Eine demo.php ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.
Aufruf: "http://www.domain.tld/demo.php". Bei muss die auführende Datei die Dateiendung.php aufweisen.Der Editor ist somit fertig konfiguriert und kann nach Bedarf über die Datei "style.css" an die Homepage angepasst werden.
Onlinedaten:
Email:
Password:
Pfad:
Direktvorschau:
Veröffentlichen:
x5forum@home-wiekau.de
x5user
Web Pages --> Editor demo


x aufgerufen
Nach dem Test muss die Seite aktualisiert werden.
» Beginn Testbereich «
mario
Admin: Einfach <.hr.> (ohne Punkte eingeben und es ergibt eine durchgehende Linie
Oay und weiter?
Jetzt geht es wohl.
Heute ist der 28.02.2020 und mal sehen, wie es gleich aussieht auf der Webseite
» Ende Testbereich «
Code für den <HEAD> Bereich
<link rel="stylesheet" href="wsX5Obj/Obj20_0/style.css">
Code für den <BODY> Bereich
<!-- Button zum Aufruf CMS Editor, kann beliebig plaziert werden -->
<button class="Obj20_btn" onClick="window.open('https://www.freecms.com/login.aspx');">
Text bearbeiten
</button>
<!-- CMS Editor Textbereich -->
<?php include "wsX5Obj/Obj20_0/editor.html"; ?>
alternative Einbindung:
<iframe name="CMS-Editor" src ="wsX5Obj/Obj20_0/editor.html"
class="wsX5Obj/Obj20_0/style.css" width="100%" height="800px" scrolling="yes">
<p>Ihr Browser kann keine iFrames anzeigen.</p>
</iframe>
Code Datei "editor.html"
<div class="editable Obj20">
</div>
Code Datei "style.css"
.Obj20_cms {
/* Standard-Einstellungen, die von Free-CMS überschrieben werden */
font-family: Tahoma, Verdana, Arial; /* Schriftart */font-size: 12px; /* Schriftgröße */font-weight: normal; /* Gewichtung: normal, bold, bolder */color: #000; /* Schriftfarbe */text-align: left; /* Textausrichtung: left, center, right */background-color: #fff; /* Hintergrundfarbe */border-width: 0px; /* Rahmenstärke */border-style: solid; /* Rahmentyp */border-color: #000; /* Rahmenfarbe */padding: 0px; /* Innenrandabstand */margin: 0px; /* Außenrandabstand */cursor: pointer; /* Curser-Art */}
/* Siehe dazu: http://www.css4you.de */
/* Editor-Button, kann an die Homepage angepasst werden */
.Obj20_btn {
color: #7C6031;font-size: 12px;font-weight: bold;font-family: tahoma;background-color: #EEF6E8;border: 2px solid #7C6031;padding: 7px;border-radius: 5px;}
.Obj20_btn:hover { background-color: #B4DA9F; border: 2px solid #7C6031; }
Screenshots zur Einrichtung FreeCMS (zum vergrößern auf das Bild klicken)
Feedbacks zu ""
{PC_LOAD}
Vielen Dank für Dein Feedback.