#1519October 16, 2018by Controlhaus3 answers
Is it possible to initialise the components at grapesjs.init. We are not using StorageManager.load. We already have the project data at init. Using html works fine, but using components renders the components object as text in the editor. this.editor = grapesjs.init({ components: projectData.components || projectData....
cjpollard
You need to parse the string. JSON.parse(projectData.components)
Controlhaus
Working now. Thank you for the fast and accurate reply :-)
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.
#1517October 15, 2018by himanshubudhlakoti2 answers
Hello All, I am new in greapsjs. i have a query is it possible to add shapes( Rectangle , Triangle , Square) on blockmanager as we add sections. i want to add shape's block on block manager and when i drop this shape on canvas then it should be appear there just like other blocks such as sections. please let me know
artf
You can put inside blocks any HTML/SVG/CSS you want, how you achieve the result (Rectangle , Triangle , Square) it's up to you
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.
#1516October 15, 2018by FrciSmrci3 answers
Hey @artf , as described in the following task I made a build of the ckeditor 5 which works with GrapesJS, however some of the functionalities don't behave as expected. The bullet points and number points are created without a problem, but the Bold, Italic and Link option aren't. Is there any possibility you could tak...
FrciSmrci
Hi @artf, thanks for the reply. The custom build is not necessary anymore, because the fix was inside the latest release. I'm using the @ckeditor/ckeditor5-editor-inline build version. I'll check out the BountySource and give it a try. :)
FrciSmrci
@Unsigno The code should be a new plugin that can be provided in the GrapesJS like grapesjs-plugin-ckeditor, just that this plugin should support ckeditor5 (grapesjs-plugin-ckeditor5). @gabrigcl developed a great part of the mentioned plug...
artf
Hi @FrciSmrci I can't say it's one of my priorities but you can actually evaluate opening a bounty on https://www.bountysource.com/teams/grapesjs and see if someone else can check it out. BTW I'd prefer an integration with the original CKE...
#1515October 15, 2018by thanhtunguet3 answers
Hello, I've created a wrapper Component of grapesjs for React. When the component is unmounted, it will destroy the editor by calling the destroy method. When my app render a new editor. (User goes back from 2 to 1, then go to 2 again, see my screenshot), the old destroyed editor seems to still exists. It affects to t...
artf
Do you mean the editor object from GrapesJS.editors? The one you remove manually with delete GrapesJS.editors[this.id];?
thanhtunguet
I tried to destroy the editor manually and by API (Editor.destroy) but they did not work. The editor seems not to be fully destroyed.
artf
Ok then, we have already an issue related to the destroy method #1501 If you need to add something do it there
#1514October 15, 2018by himanshubudhlakoti3 answers
Hello All. i want to add a video block on blockmanager same as mentioned on below snapshot i am using following code for adding video block on block manager but that code does not works please let me know how can i add video block on block manager
yomeshgupta
@himanshubudhlakoti You can use https://github.com/artf/grapesjs-blocks-basic as a plugin. It has pre built blocks. Documentation is pretty straight forward on this.
himanshubudhlakoti
thnak you @yomeshgupta it has done
yomeshgupta
@himanshubudhlakoti You are welcome! Close this issue if it is resolved.
#1513October 14, 2018by yomeshgupta3 answers
Hey @artf Great work on the project! I noticed something and I am able to reproduce it on my local machine too. Any css written under media queries is being duplicated/applied twice. Grapesjs Version - 0.14.33 Browser - Version 69.0.3497.100 (Official Build) (64-bit) OS - Windows 10 Demo - https://grapesjs.com/demo.ht...
yomeshgupta
GrapeJs Editor Initialization Test Block Added Output @artf I am trying to add a custom block and providing HTML/CSS of the block via content attribute. When I drop the block onto the canvas then Media Query CSS is added twice to DOM Eleme...
yomeshgupta
Link to GrapeJS I am fetching - https://grapesjs.com/js/grapes.min.js?v0.14.33 In my debugging (might be wrong), in the file : ./src/css_composer/index.js When a rule is added The rule is matched against existing rules, if not present then...
artf
Thanks Yomesh, I'm investigating on this
#1512October 12, 2018by Deepak8132 answers
Hi @artf, when i drag countdown and navigation in live demo and click on undo/redo button then nothing happens.can you please provide some information regarding this. Thanks in advance.
Deepak813
@artf Any Update about this as it's a big issue. User not able to undo/redo the countdown/navigation element once these elements are dragged.They need to delete and dragged element again and do the required changes.
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.
#1511October 12, 2018by mcsekar121 answer
I am trying to replace the html of the basic Text componet using the below code const component = editor.getSelected(); component.set('content', 'Test'); It gets changed in the canvas but the code still has 'Insert Your text here' appended to it as shown in the below image.
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.
#1510October 12, 2018by himanshubudhlakoti2 answers
Hello I am new in grapejs and using grapejs with angular6 i have seen Demo of grapesjs on []( https://grapesjs.com/demo.html). i want to create 2 columns at blockmanager as mentioned on below snapshot marked by red color i want to add 2 columns at blockmanager and when i drop that column on canvas then it should be ap...
himanshubudhlakoti
Hello All, if anyone is able in solving my issue mentioned above please let me know its urgent.
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.
#1509October 12, 2018by Deepak8133 answers
Hi @artf, Hope you are doing well with grapesjs. Can you please let us know how to disable the undo button when no data present in undo manager and vice-versa.I have check all new events but unable to find the undo active/disactive event.can you help us. Thanks in advance
artf
On undo/redo events https://grapesjs.com/docs/api/editor.html#general you can use Undo Manager APIs https://grapesjs.com/docs/api/undo_manager.html
chrisrobbins
@artf If the undo event needs to be triggered to present it's data, then how can we render or disable the undo/redo btns? Out of the box the Undo/Redo buttons will clear out an entire template if the undo/redo event hasn't tracked anything...
artf
If the undo event needs to be triggered to present it's data, then how can we render or disable the undo/redo btns? ??? You can use the Undo Manager APIs wherever you want, I didn't say you can use it only after undo/redo events.The Update...