Ich versuche, eine eigene Komponente zu erstellen, die im Inhalt Lorem-Ipsum-Text enthält, um sie zu bearbeiten, sobald sie auf der Leinwand sind. Aber ich möchte auch das HTML in der Ansicht ändern (um Inhalte hinzuzufügen, die ich im Editor anzeigen möchte, aber nicht im gespeicherten HTML). Ich habe so etwas wie da...
roytang
Ich habe das oben Genannte ausprobiert, wie folgt: Aber ich kann den Text in den h1- und p-Elementen nach dem Platzieren der Komponente auf der Leinwand immer noch nicht bearbeiten. :(
artf
Tut mir leid, dass ich das nicht bemerkt habe '''js var html = this.el.innerHTML; html = "<h1>ABC</h1>" + html; this.el.innerHTML = html; ``` man entfernt im Grunde Elemente mit Modellen und fügt eine neue Zeichenkette als HTML an (der Edi...
artf
Du kannst die Textkomponente anstelle der Basiskomponente erweitern '''js const defaultType = comps.getType('default'); const textType = comps.getType('text'); ... view: textType.view.extend({ ... ```
Entschuldigung für den vagen Titel. Ich bin mir nicht sicher, wie ich das kurz beschreiben soll. Ich habe einen benutzerdefinierten Block, bei dem ich einschränken möchte, dass nur Bilder in einen bestimmten Teil des Blocks eingefügt werden dürfen. Ich habe so etwas wie das ausprobiert: Wenn ich das jedoch mache, führ...
roytang
Da dein Kommentar den ursprünglichen Fehler behoben hat, schließe ich diesen Kommentar und poste einen separaten zu meinen Fragen zur Nutzung der droppablen Eigenschaft.
artf
Die 'Ansicht' ist verpflichtend, wenn du einen neuen Komponententyp definierst '''js comps.addType('image-container', { Modell: defaultModel... Ansicht: defaultView; }); ```
roytang
Danke! Das Hinzufügen der defaultView hat den Fehler tatsächlich beseitigt, aber ich kann immer noch nicht tun, was ich möchte – ich kann kein Bild in den "Image-Container"-Teil des obigen Beispiels legen. Wenn ich versuche, die Bildkompon...
Hallo @artf 1) Ich habe meine Editor-Vorlagen wie diese: ! 1 Ich möchte die Ausrichtung ändern und außerdem eine Zurück-Taste in der linken Ecke hinzufügen, so wie diese: ! 2 2) Ich weiß nicht aus welchem Grund, wenn ich Text auswähle, erscheinen die ckeditor-Optionen immer oben: ! Gefangennahme Ich möchte, dass es ne...
artf
Schau dir die Panels API an oder du kannst einfach Inhalte hinzufügen/entfernen, sobald der Editor geladen ist '''js editor.on('load', () => { Ändere hier dein DOM }) ```Ich habe es gerade in der Demo ausprobiert und es funktioniert wie er...
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Ich habe festgestellt, dass die Combobox in verschiedenen Browsern unterschiedliche Stile hat. Firefox 56.0.2 (64 Bit): ! Captura de Pantalla 2017-10-27 A Las 17 23 49 Chrome: ! Captura de Pantalla 2017-10-27 A las 17 26 47 Safari: ! Captura de Pantalla 2017-10-27 A Las 17 27 57 Ich denke, das Problem liegt bei Firefo...
santiph
Mit aktiviertem Lichtthema sehen die Auswahlboxen in Firefox für OSx so aus <img width="198" alt="Screenshot 2017-10-27 bei 19 15 28" src="https://user-images.githubusercontent.com/747646/32127161-47023f32-bb4b-11e7-8f55-b0eeab1171e6.png">...
leantorres73
@artf Ich kann daran arbeiten, wenn du mir die Hinweise gibst, oder wenn du willst, kann ich etwas vorschlagen.
artf
Danke@leantorres73 ein PR wäre super. Es dreht sich alles um CSS, und das Problem ist das "<option>Styling", das hier sein sollte: https://github.com/artf/grapesjs/blob/dev/src/styles/scss/gjsinputs.scss (Versuche einfach, nach 'Option' zu...
Wir bauen eine Vorlage, bei der ein Div mit Hintergrundbild gerendert wird, und beim Schwebebewegen wird etwas Text angezeigt, außerdem gibt es einen Hyper-Link, wenn jemand darauf klickt, der den Nutzer weiterleiten sollte, und auch den Titel darunter für Text. Wir haben eine Vorlage erstellt, aber wir konnten nicht...
artf
Hier #286 ansehen
krunal039
@artf danke für die Antwort, aber ich konnte trotzdem nicht verstehen, wie man Blöcke mit Komponenten erstellt, da Komponenten Bausteine sind und Blöcke aus Komponenten bestehen. Wir möchten ein einzelnes Fenster haben, in dem der Nutzer a...
artf
Schau dir die Dokumentation Blocks und Components an
Ich habe diesen Code ausprobiert: '''js Blöcke standardmäßig anzeigen, nicht Stile Redakteur. Panels.getButton('views', 'open-sm').set('active', false) Redakteur. Panels.getButton('views', 'open-blocks').set('active', true) ``` Es funktioniert, aber dadurch wird der Gerätewahler aus irgendeinem Grund oben links verste...
artf
Versuchen Sie es einfach mit '''js Redakteur. Panels.getButton('views', 'open-blocks').set('active', true) ``` Aber setze es nach dem Rendern (wenn du 'Autorender: False' verwendest)
Geczy
Ah, es nach dem Rendern zu setzen funktioniert super. Danke
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
Zuvor gespeicherte CSS-Regeln mit der Remote-Methode werden im Style Manager nicht angezeigt. Fern-JSON-Antwort '{"gjs-assets":"","gjs-css":"*{box-sizing: border-box;}body{margin:0;}#c743{background-color:#b0aeae;}body{margin-top:0px; Margin-rechts:0px; Margin-Bottom:0px; margin-left:0px;}#c743{background-color:rgb(76...
artf
Poste die grapesjs-Konfiguration und deren Version
Ich versuche, einen benutzerdefinierten Resizer für eine meiner Komponenten zu bauen. Es ist ein Raster-/Spaltenlayout basierend auf Flexbox, und ich möchte, dass Nutzer eine Spalte auf eine feste Breite anpassen können und die anderen Spalten den restlichen Raum füllen lassen. Ich habe bereits eine benutzerdefinierte...
artf
Ja, du hast recht. Dies geschieht einfach, weil Funktionen nicht serialisierbar sind, daher werden bei grapesjs-Aufrufen 'JSON.stringify(Component)' einfach gerippt. Die Lösung für deinen Fall ist, die Methode 'toJSON' in der benutzerdefin...
thecodefish
Danke@artf das hat funktioniert.
sakshigarg9
@thecodefish Wie ändert man den Anfangszustand der Resizer-Eigenschaften? Wohin kommt diese Konfiguration, wenn ich die grapesjs-preset-Webseite benutze, einfach unter grapesjs.init{...}? Ich möchte speziell für eine Bildkomponente eine Mi...
Hallo. Danke für das so gute Werkzeug. Ich habe ein paar Fragen: Wie sollte ich dieses http://prntscr.com/h214o4 Uploader-Tool konfigurieren, um Bilder im Speicher zu speichern und darauf Der Kellner? Gibt es Beispiele oder Handbücher, wie das funktionieren sollte? Welche Antworten sollte mein Server senden? Vielen Da...
artf
Klar, mehr darüber findest du hier https://github.com/artf/grapesjs/wiki/Assets#uploading-assets
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.
In der Demo sehe ich den Tab "Flex", der uns alle Flex-Stile anzeigt. Aber in der aktuellen Version "0.12.17" gibt es keinen solchen Tab. Ist es ein benutzerdefinierter Build? P.S. Es gibt viele weitere kleine Unterschiede zwischen Demo- und verfügbaren Versionen. Das Demo-Thema sieht wirklich großartig aus.
artf
Hallo @desprit die Demo erweitert die Kernbibliothek von Grapesjs mit einem eigenen Preset (Styles und Plugins). Wahrscheinlich werde ich bald ein eigenes Repository erstellen Übrigens, hier findest du die Flex-Konfiguration: https://githu...
lock[bot]
Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.