Wie lädt man Kinder einer schreibgeschützten Komponente?
Hallo! Du kannst die draggable Eigenschaft der Zielkomponente so einstellen: so ist es nur innerhalb des Slots ziehbar. Dasselbe gilt für die Schreibung. Wenn du für deinen speziellen Fall weitere Hilfe brauchst, würde ich mich über eine Anleitung freuen. Prost.
Lesen Sie die vollständige Antwort unten ↓Frage
Ich versuche, eine Readonly-Komponente einzubinden (draggable, droppable usw., alle auf False gesetzt) und dem Benutzer zu erlauben, Kindkomponenten darin zu bearbeiten.
Zum Beispiel, wenn ich folgenden Inhalt habe
'''html
<div class="wrapper"> <header>Eine Überschrift</header> <div> EDIT MEIN </div> <footer>Ein Footer</footer> </div> ```Ich möchte all diese Inhalte in der Komponente laden und dem Benutzer erlauben, neue Blöcke zu ziehen, wo dort "EDIT ME" steht.
Antworten (3)
Hallo! Du kannst die draggable Eigenschaft der Zielkomponente so einstellen: so ist es nur innerhalb des Slots ziehbar. Dasselbe gilt für die Schreibung. Wenn du für deinen speziellen Fall weitere Hilfe brauchst, würde ich mich über eine Anleitung freuen. Prost.
Hallo! Wenn du meinst, die Komponente ohne Benutzerinteraktion in den Editor einzufügen, kannst du verwenden: Mehr dazu hiererlauben dem Benutzer, neue Blöcke zu ziehen, wo dort "BEARBEITEN ME" steht. Wenn du meinst, die Readonly-Komponente wieder editierbar zu machen, ist das so möglich: Mehr dazu...
@pouyamiralayi Danke! Ich habe eine 'Slot'-Komponente implementiert und die Attribute innerhalb der Init-Methode überschrieben '''javascript const Slot = () => ({ model: { Standardwerte: { größenverstellbar: falsch, Inhalt: '<Div Style="Min-Height: 75Px" Klasse="Teditor-Wrapper">'</div> }, init() {...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #2839
Ich habe eine Komponente mit dem Namen Template in die Blöcke eingefügt, aber wenn ich versuche, andere Komponenten innerhalb dieser Vorlage zu ziehen, wird sie gezogen, aber nach dem Speichern werden alle darin enthaltenen Komponenten entfernt. Wie kann man das vermeiden?
Dies ist der Code der Vorlagenkomponente: '''js Export Standard { init(editor) { Redakteur. DomComponents.addType('myTemplate', { isCompone...
Problem #3117
Wie entfernt man eine Kategorie, wenn keine Komponente darin enthalten ist.
Ich baue die benutzerdefinierten Komponenten zur Laufzeit basierend auf einem Dropdown-Menü. Wenn der Benutzer die Auswahl dieses Dropdown-...
Problem #1907
Externes HTML per Drag & Drop in den Editor?
Ich habe eine Komponente erstellt, die Heading ist, und ein Blockelement dafür. Ich habe die draggable Eigenschaft auf section html-Element...
Problem #1141
– Wie erweitert man die bestehenden Eigenschaften und rendert die Veränderungen im Canvas?
Ich versuche, ein Plugin zu schreiben, um alle Elementeigenschaften von Boostrap-Blöcken zu verwalten. Wenn jemand auf den Button klickt, w...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen für kostenpflichtige Plugins...
Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins →Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins →Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.