#3135November 11, 2020by archerbj3 answers
For example, I want to add a double click event handler on the default video component to open the assets manager. My basic idea was to get the view definition of the video component and add events + handler. At last, set it back to the video component. Unfortunately, this idea failed in the first step. v.View() gives...
Joshmamroud
@archerbj here's a demo of what you're looking for: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.js You want to attach the functionality to the component type itself rather than trying to find all instances of that component and...
archerbj
@archerbj here's a demo of what you're looking for: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.jsYou want to attach the functionality to the component type itself rather than trying to find all instances of that component and...
abulka
@Joshmamroud Thanks for that running example. Yours is the only example I can find of using the extend feature mentioned in the documentation. Your example is very simple and zen - however it merely shows adding a dblclick handler to the v...
#3116November 6, 2020by aadilmehrajbhat1 answer
Hi :wave: I am trying to load some CSS within the editor as part of the theme, I am able to link stylesheets as part of loading but the problem that I am facing is when loading the styles directly using <style> tag, I am able to view the serialized version via editor.getStyle() but editor.getCss() only contains the pr...
artf
@AadilMehrajBhat First of all, display: 'block' is not a valid CSS value for that property (it should be display: block) and then .d-block is not used anywhere in your template so the result is automatically optimized by removing unused st...
#2998September 3, 2020by svalenciano813 answers
I have the nice ckeditor 4 editor built into grapesjs with this components: grapesjs: 0.15.8 grapesjs-preset-newsletter: 0.2.20 ckeditor.js: 4 grapesjs-plugin-ckeditor - 0.0.9 My project generates newsletters (HTML + CSS) to be storage in database. This newsletter it can be edited and save it again as many times as yo...
Abhisheknanda1344463
Hi @svalenciano81 Did you try this? var cmdGetCode = cmdm.get('gjs-get-inlined-html');
svalenciano81
Hi @Abhisheknanda1344463 I need the reverse process. I have the code inline and I need to separate it into components and styles separate.
artf
To load back your templates you shouldn't use the HTML/CSS, you have to store and load the JSON https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates
#1236June 25, 2018by gabrigcl3 answers
Hello, Arthur and contributors! I'm creating a plugin for using CKEditor 5 in grapesjs, based on the grapesjs-plugin-ckeditor already available. I can't make it work. While using the editor, some styles don't work and after some cliks, ckeditor 5 responds with the folowing error message: "Uncaught Xa: view-renderer-fi...
FrciSmrci
Hey @jvillena and @gabrigcl I managed to research the issue and create a build of the ckeditor inline build 5 where the error doesn't occur anymore (the fix is not yet released). Although, there are some new/other issues when trying to sty...
artf
This is might be strictly related to CKEditor 5 and not GrapesJS. I'd suggest start asking why you're getting that error. For now, there is no reason to keep this issue open
jvillena
Hi @gabrigcl, Did you find a solution for using ckeditor5 on grapesjs?
#886February 20, 2018by commax892 answers
Hey Guys, first thank you very much for your work, this project seems really promising. I have a few question for a website i'm building. In my case i don't need a complete Page Builder, but only a help for the end user to create/edit pages and posts contents visually, so some parts of the page should be visible in th...
artf
So, first things first, how can i include my own stylesheet in the iframe of the editor? You can inject styles and javascripts on init via canvas options My second problem is that i have some parts of my site that i need to show in the edi...
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
#885February 20, 2018by kundarmah2 answers
When the custom block is added, it will strip HTML tags that contains the curly braces. The anchor link will be removed. Only the div will be rendered on the canvas. Is there a way that it will ignore the variables?
artf
Just tested your code with the public demo, everything works as expected Try to check also the block content via the inspector console as it might also be some server-side effect
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
#753January 12, 2018by vishal50332 answers
Hello, I have to change content of nth child model of component available in the editor. Lets say there is a table with 3 TR. every TR as TD and every TD has div with some content within in it. I want to replace that content with some other content. I have assigned some custom html tags to every div. How do i find tha...
artf
@vishal5033 you can make use of model.find('tr > td[something]')[0], in this way you get the model (use the v0.12.60 as it fixes some stuff related to find)
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
#678December 23, 2017by suchithmahadi3 answers
Hello, 2 queries : 1) How to Add a LOGO as in Demo webpage. 2) How to move the block manager, Style Manager from Right Side to Left Side. Thanks.
artf
@suchithmahadi GrapesJS just comes with a default UI that you can easily change with JS and CSS
suchithmahadi
@artf Thanks for the reply, At least if you can suggest where exactly to change will be helpful. Thanks.
JulyanoF
@suchithmahadi something like $('.fa-th-large').remove(); You can put it after grapesjs init
#650December 15, 2017by vishal50332 answers
Hello, I have applied a href trait on image tag. Can you please tell me which event fires when href trait is changed for that. Thanks,
ryandeba
Hi @vishal5033, The component:update event should get triggered when a trait changes, but it's also going to fire when anything changes. You could check for the specific trait (href) by inspecting the changed property of the component obje...
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
#594November 30, 2017by absolution543212 answers
was thinking of converting this into angular app, I am able to add md- form components but iframe is not rendering any material view, however exporting it to another html file with angualr enabled understands this any leads on why angular material is not working inside iframe, even though angular's js files are includ...
duskhacker
Sorry, I can't answer your question, and I'm probably speaking out of turn; It seems to me that your time would be better spent on taking on some of the "help wanted" issues and bugs than forking this into the Angular framework. To me, it...
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.