I have noticed this too late, a few days after finishing my project. I wanna cry :( To reproduce the steps: 1- Go to the demo and select any "card" block (any of the blocks under the ### Flex is the new black title). Be sure that you are selecting the main parent (.card class) 2- As long as you select it, they automat...
artf
Unfortunately, this is caused by the browser's CSS parser which rearranges the order of box-shadow values, so if you import your templates from HTML we can do nothing until we'll be able to use custom CSS parsers (I close this in favor of...
jmrgz
Thank you @artf Is there any clue of what part of the code "explodes" the browser parser attributes to fill in complex style manager properties? (it happens when you open the style manager) I would love to know where you transform this: bo...
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.
hi @artf I want to know Is there any way to enable input mouse scroller in style manager as you can my screenshot. i want to initalize scroller to increase the values on click and drag .Thanks
artf
Like the one which already exists?
Abhisheknanda1344463
Yes @artf i want to initialize same which is already exist.Thanks
artf
Ok... the feature is active by default on all number inputs
Dear @artf If using grapes.min.js rather than grape.js, Special characters are showing in view code dialog. I think Unicode characters are not working in minified version. Can you please check it.
Shah-ali
Sorry, My bad. It's working now
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.
@artf how can I import the bootstrap template to grapejs, after I insert the code to bootstrap template, the template cat load the css of template, or what method can implement in bootstrap template?
@artf I want to get all the style associated with model selected by ID after save the template and reload and re init the editor. But I can not get all the style value of the selected model. But in css there are 2 css definition for that ID I want to know How can I get all the style value applied for a ID either it is...
jmrgz
editor.getCss(); -> will give you all the CSS, is up to you to find what you need. comp = editor.getSelected(); const html = comp.toHTML(); -> selected comp html const css = editor.CodeManager.getCode(comp, 'css', {cssc: editor.CssComposer...
artf
@YashPrince check the API https://grapesjs.com/docs/api/css_composer.html
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.
I have custom component and want to set trait default values from html. below is html rendered by component. traits I am trying to set for are image url, anchor url and h4 content.
artf
By default, the initial value of the trait corresponds to component's attribute. In the case of changeProp use, you should pass the initial value via data-gjs-* attribute
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.
Hi, You build such a beautiful editor with forms and social icons with all stuff thanks for your great work. I build a form with grapesjs how can I submit this form when click on submit button. Need to post that data to my url how can I achieve this. I struck this thing please help me.
jmrgz
You will usually need a server side language for coding this. As long as I know, that is out of the scope from grapesjs.
artf
Hi @aj0022, as @xamdam777 already suggested you have to create a server-side script which receives values from the form
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.
Hello Grapejs team, Thanks for this wonderful project saved my time and so far I had great experience with integration and your community support. I want to load Canvas Styles and Scripts after the page is loaded from DB (Rest API) canvas: { styles: ['https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.mi...
artf
Hi @inventorbit for such a case you should manipulate directly the canvas document
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.
We are testing to use the editor and we want to know if the grape js editor works for content newsletters, we were doing tests but CSS styles in HTML are added as classes and classes do not work in gmail for example. How can I add CSS embedded in the HTML with the editor? For example: <div style = "color: # FF0000; .....
AnkitKachhadiya
hey @dazakorn we are also using these editor for newsletters we embedded CSS using following code you can also try these it worked for us: Initialze your editor in following way or simply add these code during initialization : forceClass:...
dazakorn
Hello Ankit, Perfect, I'll do tests with these changes, it seems that this is just what I needed, thank you very much. 2018-07-24 0:03 GMT-05:00 Ankit Kachhadiya <[email protected]>: hey @dazakorn <https://github.com/dazakorn> we ar...
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.
I was trying to insert dynamic text on a component view in the HTML but when I'm saving the html hasn't got my changes. I'll try the following things: With the code above I can inject the text in the caret position (cursor position) but the method when I save the content I'm receiving the value.trim() concat with the...
jvillena
To insert the text in the highlight paragraph selected I did this because I was losing the focus after opening a popup modal dialog:
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.