JavaScript Library

Craft.js: Library für Drag-and-Drop-basierten Webseiten-Editor
Keine Kommentare

Die Library Craft.js liefert die Voraussetzungen für Drag-and-Drop-Editoren zur Erstellung von Webseiten. Sie ermöglicht eine Anpassung der einzelnen Komponenten, ohne dass die Library selbst modifiziert werden muss.

Craft.js v0.1 Beta ist erschienen. Die noch junge Library dient zum Erstellen von Drag-and-Drop-gestützten Webseiten-Editoren. Benutzer sollen damit schnell und unkompliziert Seiten erstellen und mit ihren Inhalten füllen können. Der Vorteil: Sollen einzelne Komponenten des Editors angepasst und verändert werden, muss dafür nicht die Library selbst modifiziert werden. Dank den modularisierten Bausteinen können diese ohne Aufwand individualisiert werden.

Die Library wurde komplett mit React erstellt, so auch alle einzelnen Komponenten. Daher ist es möglich, jedes einzelne Komponenten individuell zu definieren und auch deren weitere Bearbeitungsmöglichkeiten festzulegen, etwa Inhalt einfügen oder eine Größenveränderung. Auf ihrer Webseite geben die Entwickler ein Beispiel für das Definieren einer einfachen User Component:

import {useNode} from "@craftjs/core";
const TextComponent = ({text}) => {
  const { connectors:{drag} } = useNode();
  return (
    
<div ref={drag}>
      
<h2>{text}</h2>

    </div>

  )
}

Quelle: https://craft.js.org/r/docs/overview

Als User Components werden React Elements bezeichnet, die vom Endnutzer bearbeitet, verändert und in der Webseite eingebaut werden können.

Craft.js läuft unter der MIT-Lizenz. Weitere Informationen finden sich auf und der offiziellen Webseite.

Unsere Redaktion empfiehlt:

Relevante Beiträge

Abonnieren
Benachrichtige mich bei
guest
0 Comments
Inline Feedbacks
View all comments
X
- Gib Deinen Standort ein -
- or -