Entwicklung & Design

Quelloffener HTML-Editor für Anfänger: GrapeJS im Schnellcheck

(Screenshot: t3n.de)

Wer die eigene Website optisch und ohne Code-Kenntnisse anpassen möchte, sollte einen Blick auf GrapeJS werfen. Der speziell für Anfänger konzipierte Template-Editor auf HTML-Basis steht kostenlos auf Github bereit.

Die Features von GrapeJS im Überblick

Mit GrapeJS ist ein quelloffener Template-Editor auf HTML-Basis erschienen. Damit lassen sich Inhalte in Websites, Apps oder Newslettern bequem und ohne fundierte Programmierkenntnisse optisch verändern. Der Entwickler weist darauf hin, dass es sich keineswegs um ein Tool zur Erstellung Websites handelt. Vielmehr steht bei GrapeJS die Verwaltung von HTML-Containern im Vordergrund.

So sieht GrapeJS im Browser aus. (Screenshot: t3n)

So sieht GrapeJS im Browser aus. (Screenshot: t3n)

Das Feature-Set von GrapeJS entspricht dem, was man von einem nicht-kommerziellen Web-Template-Editor erwarten kann. So steht neben einer klassischen Ebenen-Verwaltung zum Beispiel ein Style-Manager zur Verfügung, mit dem sich die Schriftarten, -größen und -farben auf einer Website oder in einer App mit wenigen Klicks verändern lassen. GrapeJS ermöglicht außerdem den Upload und die Verwaltung von Bilddateien. Die Bedienung ist intuitiv und angesichts der Photoshop-ähnlichen Benutzeroberfläche findet man sich schnell zurecht.

Demo-Version lädt zum Ausprobieren ein

Zwar werden Profis sicher weit GitHub bereitgestellt. Dort findet man auch eine Anleitung zur Installation von GrapeJS.

Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Ein Kommentar
Marcus
Marcus

Hallo allerseits,

kann mir mal jemand auf die Sprünge helfen? Wenn ich das herunterlade (bzw über git herunterkopiere), was muss ich dann machen, „um es sofort zu benutzen“? Wenn ich die index.html mit dem Browser aufrufe, dann öffnet sich gar nichts..
Habe das ganze Verzeichnis auch auf mein Webspace (in ein Unterverzeichnis) kopiert, mit dem gleichen Ergebnis. Rechte Maustauste-> Quelltext anzeigen zeigt, dass Quelltext (eben die index.html) geladen ist, es passiert aber nichts. Irgendwie habe ich einen Gedankenfehler.
Wie Ihr sicher schon gemerkt habt, bin ich kein Programmierer ;-)

LG

Marcus

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!

Hey du! Schön, dass du hier bist. 😊

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team bestehend aus 65 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Danke für deine Unterstützung.

Digitales High Five,
Stephan Dörner (Chefredakteur t3n.de) & das gesamte t3n-Team

Anleitung zur Deaktivierung