GrapesJS Issues

Ju99ernaut

You can try running editor.refresh()

xinnai

@Ju99ernaut Thank you very much, you save my day!

GJSBlock

Thanks for reporting this, @xinnai. Great question about gjs-cv-tools in a wrong position when I put grapesjs in a splitpanes. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentat...

artf

Sorry, can you illustrate better what do you need? What is the final CSS you'd expect from the editor

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...

GJSBlock

Thanks for reporting this, @Nigus. Great question about Question: How to add different aspect ratios to mobile devices in the device manager.. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the Gra...

artf

No, unfortunately, for such a case, the custom keymap would be the only solution. You should just get the selected component and update its style.

michaelhofer

I have found a working solution for this as follows: The commands are being added as follows: The moveSelectedElements method just does the following: However, when moving the elements with arrow keys, the canvas scrolls as well, which is...

sathudeva7

keymaps.add('ns:my-keymap', '⌘+s, ctrl+s', 'some-gjs-command', { // Prevent the default browser action prevent: true, });

artf

Unfortunately, it's not yet possible, but there is a plan to add soon a new UI module that should allow the reuse of UI elements

zachsnoek

:+1: Thank you!

GJSBlock

Thanks for reporting this, @zachsnoek. Great question about Creating trait with Style Manager property UI. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your spe...

KernelDeimos

I haven't used inline <script> tags in a while and forgot about this caveat of the HTML parser. Closing this.

GJSBlock

Thanks for reporting this, @KernelDeimos. The issue with Attempts to load scripts to canvas maybe breaks javascript?? appears to be a race condition or state management timing problem. This typically happens when component lifecycle events...

xinnai

@Andrew-Chen-Wang I think that must be something with my develop environment so I use another computer to install and move it to my computer , still don't know why but now it works fine. Hope no errors happen again, and thank you so much!!!

Andrew-Chen-Wang

For source code development, check out: https://github.com/artf/grapesjs#development

xinnai

@Andrew-Chen-Wang Yeah, I did that, but always get this error, what can I do?

GJSBlock

Thanks for reporting this, @RaresVlaiduc. Great question about what event is fired on component start move. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your spec...

Ju99ernaut

You'll need to add the trait to script-props, you can read more here https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts

imouou

Thanks @Ju99ernaut, If it is some built-in features, when modifying the script can receive the value of the parameter, I am currently experiencing problems: custom feature textarea, can trigger changes such as dom, but the exported script...

Ju99ernaut

You can try forcing the script to update:

artf

Just find the component and update it as you wish

millord

I'm also want something similar with my grapes app, but using react to update a text component via a control input. Somebody can help with that?

D-Rosa99

it works, thanks

GJSBlock

Thanks for reporting this, @DMSlam. Great question about Is there a way to keep VML code in CSS to keep some of the styles away from Outlook?. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the...