#2698April 3, 2020by adeguntoro1 answer
I'm new with Grapejs. Firts time i use, it look awesome. So, how can i replace cdn fontawesome with css/js file from my own computer without need to use internet ? I live in country where internet is a big problem for me to use something. Sorry for my english.
noogen
@adeguntoro Take a look at this: https://github.com/artf/grapesjs/blob/8b315e4ba053043889456fcc4048c4f504257551/src/editor/config/config.js#L152 Pass in your config with cssIcons property of '/localpath/css/font-awesome.min.css` to overrid...
#2697April 2, 2020by kuhelbeher3 answers
Hello! I'm trying to add custom component type: And also I'm adding new block: But when I drop this block on the canvas the <td> tag doesn't appear on canvas and DOM. If I remove isComponent function from component definition, it works as expected. Could I get help with this?
artf
@kuhelbeher your code is correct (except is extend: 'cell', and not extends: 'cell',), unfortunately, there is a bug (or a bad logic) applied on the row component, so, for now, I'd suggest adding this as a patch: and now it should work: ht...
noogen
@kuhelbeher because your component is a table per your content definition above and not a td as defined in your addType of tagName property?
kuhelbeher
@noogen I don't think the problem is with this. I tried to define component and block like this: But the problem remains - td tag (and all what is inside of it) doesn't appear on canvas, Maybe I'm doing something wrong? I am trying to crea...
#2696April 2, 2020by kuhelbeher2 answers
Hello, I'm trying to create block with background image (similar to Grapedrop Image Box). I added new component like this: And also I added block: But unfortunatelly I cannot drop any block inside of it: Grapedrop Image Box has the same issue. Is it possible to drop elements inside of such compoent?
kuhelbeher
@noogen Thanks for advise, implemented it like this:
noogen
@kuhelbeher because, ultimately, it is still an image. It's not for use/override the way you want because in the back-end code (look at both image component model and view) https://github.com/artf/grapesjs/blob/dev/src/domcomponents/view/C...
#2693April 1, 2020by mazuschlag3 answers
Once again thanks for all the hard work on the project! This is reproducible on the current release 0.16.3 - you can check it out in the newsletter demo: https://grapesjs.com/demo-newsletter-editor.html Normally the RTE appears above the element so this is not an issue. However, when a RTE-enabled element is placed cl...
khurram900
@mazuschlag if you are using ckeditor then you can try this patch. It will re-calculate and re-position the ckeditor to the correct position. CKEDITOR.on('instanceReady', function (e) { editor.RichTextEditor.updatePosition(); });
artf
Canvas tools should be updated on input event of the text component, in the current version there is an issue even with the built-in RTE but it will be fixed in the next release. Somehow, this issue doesn't affect the CKEditor plugin but,...
mazuschlag
@artf Thanks for the response but I'm a little confused. This is happening with the CKEditor plugin - are you saying the fix will be separate from the fix to the built in CKEditor? I wouldn't mind fixing it but do you have some pointers on...
#2692April 1, 2020by mazuschlag3 answers
First off thanks for all your hard work on the project! This is a very great project that a lot of people depend upon, so thanks for your effort. This is a weird one, but the basic gist of it is that moving your mouse quickly as you click on an element can cause the builder to freeze. This isn't always a huge problem...
artf
Hi @mazuschlag and thanks for your kind words. About the issue, can you elaborate better on the click and move behavior? Should I just select one component and only move around the mouse? There was an issue with moving around components th...
mazuschlag
Hmm that does sort of sound like the problem I was experiencing. This involves holding down the left click on the mouse as you quickly drag a component before releasing it. This happens when working quickly - you click on a component and a...
artf
@mazuschlag so, are you using an old version or the latest of grapesjs? I'm not able to reproduce it on the latest
#2691March 31, 2020by sathyanarayananaCES3 answers
I have integrated the code edit option in the Web builder.Using editor.getHtml() to get the current HTML content and populate in the code editorWhile saving the code from the code editor, I am using editor.setComponents() to set the edited content to the builder canvas. IssuesOn Saving the html from the code editor, i...
pouyamiralayi
@jenter #1331 comment and #2644 comment are good examples. Also checkout #2664 comment which is a pitfall to avoid! Cheers!
noogen
@sathyanarayananaCES First, to echo others that it is best to use get/setComponents and get/setStyle to save the content of the editor. If I understand your usage correctly, that you want HTML for htmlCodeEditor and be able to import back...
pouyamiralayi
Hi @sathyanarayananaCES you must call `editor.getComponents and editor.getStyle in order to retrieve the components details; then you can return to the stored state by calling editor.setComponents and editor.setStyle` with the result of ab...
#2690March 31, 2020by adamwpe3 answers
Hi All, I'm trying to test adding some custom Vue.js components to the block manager, and at first appearance, all is well - it renders correctly and vue components are responsive. But if I save the template, and reload my page, and supply the storageManager with 'gjs-style', 'gjs-components', 'gjs-html', 'gjs-css'. T...
adamwpe
@pouyamiralayi Thanks for that, pointed me in the right direction - so he is an example that works for me for rending a Vue Component and it will load back in :), but sure may be useful for someone else: Thanks for the help everyone!
mcottret
Hi @adamwpe ! Script tag importing is disabled by the default editor configuration, which explains why your scripts tags are stripped out by the HTML Parser, setting the allowScripts editor configuration option to true should solve the iss...
pouyamiralayi
@adamwpe we had something like this in the past i apologize for not seeing it through! go like this: there is no need to extend from dView & dModel in the latest versions. and for the vue js integration please notice that the internal stru...
#2688March 27, 2020by peterlinus1 answer
I am very interested in this project but need some guidance please. Is there any documentation on what are the programming languages, frameworks, libraries, plugins etc used in this project? Any documentation explaining what each folder contains? Any guidance on how to get started to further develop this project would...
GoodPHP
Hello, for add changes to editor need know Javascript or looking for someone who know. Docs: https://grapesjs.com/docs/ Such a description as you want, will not be. The documentation describes the main methods. For example, you can check o...
#2687March 27, 2020by christianbalderrama3 answers
I would like to append the whole style manager module to a panel? I have been digging up the docs for the past 2 days and couldn't find a proper example for this one. I have initialized the GrapeJS Editor panel as empty array to remove all the panels and have a custom panel that is provided in the example as well For...
christianbalderrama
Is there a proper way via grapesjs that I just don't know or it have to be overriden via css
pouyamiralayi
Hi @christianbalderrama Inside your initialization config: for the sectors, here is the sectors used inside demo. Cheers!
#2686March 25, 2020by JonyBlade3 answers
I created a issue for GrapesJS developers contacts exchanging. I consider this to be very useful for most. @artf , If you like my idea, please pin this branch. UPDATE:Reply here if you're willing to be hired by leaving all the necessary information. Contact directly the developers, don't reply here.
GoodPHP
@JonyBlade, good idea š DevFuture is the worldās first agency keen on GrapesJS development. We have more than 4-year experience, over 99+ featured projects and 50+ joyful clients. More details: https://devfuture.pro/grapesjs-development/...
jacob5544
to delete comments which rly need help because of bugs in the system is so sad. shame on you Artur Arseniev - you have a very bad personality!
artf
@JonyBlade ok, why not