#1246June 28, 2018by Jogai3 answers
The changelog statesAdded the possibility to output custom attributes in toHTML method How do we use this feature? I cant find the corresponding issues, or any info on the options for the toHTML method in the wiki. I used this function in 0.14.20 and earlier to post the html to the server and do some more processing o...
artf
but now the id's are not in the html anymore Can you explain better your case because this new feature shouldn't change the previous behavior. BTW to explain this new option let's take for example a component that on component.toHTML() ret...
Jogai
You're probably right. It's not this feature that's changed that behavior. Maybe its a bug, you can change the title of the issue if you confirm it. My test case: Template: Version 0.14.21 html output (from grapesjs.com/demo.html): Version...
artf
Thanks @Jogai, you're actually right, there is a bug (will be fixed for the next release), but I'd like to suggest to try this option which should also correct the current behaviour: One day or another, probably, this will be true by defau...
#1242June 27, 2018by saravanan-palani3 answers
Is there any support for JSON to HTML rendering, so that we can get control over the content to be published in the newsletter or webpage. Rather than rendering direct HTML in the editor.
Jogai
You can put all your separate pieces of content in the blockmanager making it ready to be dragged in a template.
artf
Instead of You can do this
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.
#1222June 20, 2018by laziest-coder2 answers
I want to use grapes.js to create a website constructor for clients and when they show the design it should show the price of constructed website according to how many elements are used. What I am struggling in is that I can not create variable called "Price" and when from Blockmanager something is dragged and dropped...
artf
Currently, you should try with something like this BTW I'd like to re-enable block specific events, so probably with the next release the process will be more concise
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.
#1213June 18, 2018by laziest-coder1 answer
I want to use grapes.js to create a website constructor for clients and when they show the design it should show the price of constructed website according to how many elements are used. What I am struggling in is that I can not create variable called "Price" and when from Blockmanager something is dragged and dropped...
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.
#1203June 14, 2018by jonaaix2 answers
It would be really nice to have an option to export as a single HTML5 document, including html/head/body, and embedded css between <head><style>{{css}}</style></head>
artf
Look how the original ExportTemplate is done, then add your own export command
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.
#1122May 20, 2018by hadifarnoud3 answers
GrapeJS does not support right to left languages. Arabic, Persian, and Hebrew are a few RTL languages. Please add RTL support or if there is a workaround for now, do let me know.
artf
You just need to add CSS direction property in your Style Manager (check the getting started)
Orijinn
Hi @artf , could you please give us an example? The use case is to make all the text inputs to use RTL. How can one achieve this? Tried to add a sector, nothing works. Direction is not among built-in props either. thanks
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.
#1108May 14, 2018by sai-kishore2 answers
WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUse the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....Do a quick...
FrciSmrci
Hey @sai-kishore , here you have an resolved issue discussing how to use grapesjs in an Vue project. Hope it helps. Have a great day.
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.
#1107May 14, 2018by sai-kishore1 answer
WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUse the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....Do a quick...
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.
#1096May 9, 2018by dsgh3 answers
Basically my use case is that I want to show a whole page - with header, menu(s) and footer - in the editor canvas, but only allow the user to edit the actual content of it. The reasoning behind this is so that the users can see the page as close as it will be to the "end product". I've been able to accomplish somethi...
artf
For the point 1 you can pass this to your init options: Point 2, what about something like a custom placeholder component which just overwrites toHtml method in the model definiton
artf
Hey @dsgh, did you manage to accomplish your task?
dsgh
@artf These past few days I've been busy working on other extensions to grapesjs that we're also needing. Thank you for your suggestions here - I'll investigate more about the showWrapper option, and I think your suggestion for point 2 is...
#1095May 8, 2018by Chilli-B3 answers
Hello, I'd like you to add to the options array of a select trait a third parameter next to 'name' and 'value', which is 'selected' in order to pre-select one of the trait options. In detail: I extended the header component by a select trait for all header types h1 through h6. Now I'd like to add something to the even...
artf
Hi @Chilli-B it would be better if you provide a live example of what you're trying to accomplish. BTW, if the trait is correctly created it should be synced with the component model, for example:
Chilli-B
Hi @artf , thanks for your reply. Below is how I created the trait by extending the text model for the header component. The problem is not the syncronization. The problem is, when I'm adding complete layouts to the canvas, which are inclu...
artf
The problem is not the synchronization. The problem is, when I'm adding complete layouts to the canvas, which are including h2 or h3 tags (or any others), and I'm clicking on them, the header type select in the settings (traits) always sta...