Hi, artf I would like to add some new block with custom slider when user dragged the slider into canvas need to show some popup with available options in flex slider and when user select that need to show the flex slider how can I achieve this. please help me, sir.
artf
You need to create a custom component https://grapesjs.com/docs/modules/Components.html https://grapesjs.com/docs/modules/Components-js.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 am on the latest version of Grapejs and am able to recreate this issue on the demo currently. The issue I am having is when I select something from the Layer Manager. It highlights the component properly, but it doesn't allow me to delete the selected component. I would like to be able to highlight a component from...
artf
Will be fixed in the next release
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, I have a list of email template (page 'templates') and there is a button that open the edit (page 'templates/edit/:templateId'. All works fine, but when I go back into the templates' list I get this error in the console: core.js:1624 ERROR TypeError: Cannot read property 'body' of null at Object.getBody (grapes.mi...
artf
Do you use the latest version? The error appears only in the templates list? So, does it work when you click back to the edit page?
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...
cmoutafidis
I sometimes get the same error whenever I hit ctrl+c. Grapesjs is integrated with angularjs.
Case:Set avoidInlineStyle to trueDrag an image to the canvas, set it's width to 100% via Layout > WidthSave the canvasReload the canvas Expected: Image to be 100% width Actual result: The image is back to it's original size
artf
Just tried this https://jsfiddle.net/szLp8h4n/235/ and works as expected (uses the default local storage) Are you sure you're saving properly?
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...
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, we'd like to render third party controls. This is a general question and we wan't to know whether we are going into the right direction. To render the controls we are required to use a third party technology (Vue, React, or similar frameworks). Both of the frameworks have one common problem: they are lagging th...
artf
Vue compiles at runtime if you use the version with compiler. Exactly like this component https://github.com/alexjoverm/v-runtime-template As second question I'd like to know whether it is possible to hook onto events from the editor from...
HakuTheWolfSpirit
Hi, thanks for the answer.Vue compiles at runtime if you use the version with compiler. Exactly like this component https://github.com/alexjoverm/v-runtime-template The problem with Vue is that there is not really a method that allows me t...
artf
The problem with Vue is that there is not really a method that allows me to put a string in as parameter and get html as an output. I have asked this question on StackOverflow and hopefully I will get an answer in near time. yeah but you c...
Creating a Plugin to use GrapesJS with Plone. GrapesJS Version: Latest When using the setComponent() function, we are scraping the HTML content from one page and setting it as the content for GrapesJS to edit/manipulate. The Component is then dropped into the Canvas along with the data-gjs- attributes are applied and...
Hi @artf, currently i am working on php,wordpress and grapesjs.What I wanted here is.., how can I add the php functions inside the iframe of the editor??? this is for getting the things same as that of wordpress used..! and is that possible, if i add something(wordpress styles) outside of the editor and that affects i...
artf
Hi @roufriyas you can use PHP to render templates dynamically but it doesn't make sense use PHP functions inside the iframe (probably only as a variable placeholder). I'd recommend asking such a question in some WP related forum
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.
Hey @artf, I noticed the canvas iframe doesn't appear to have any doctype set on it, which causes it to be in quirks mode. Is this intentional? I'd like to set it to <!DOCTYPE html>, but doing so causes some positioning issues that you can see in this screenshot and demo. Would you be open to a pull request that would...
artf
which causes it to be in quirks mode Which browser?
tomichal
@artf One issue I noticed with the lack of doctype is with HEX color definitions. If a user defines a HEX color as, e.g.: "fff", rather than "#fff", this will work in the editor, but once the page is rendered inside a HTML with doctype spe...
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...
Tested on both npm and cdn GJS Version - 0.14.20 (latest) OS - Mac Browser - Chrome Problem If CSS class name has a parent or child like #parent .child{ color: red }, user can't reset the style to origin, it still remain inside CodeViewer. Codepen Demo 1 - Adding CSS from block Codepen Demo 2 - Adding CSS inside #gjs...
artf
To remove the CSS codes that belong to a specific block. Indeed that block of CSS doesn't belong to any component (I'm talking about how the editor works) so that declaration is always rendered. GrapesJS can associate only class-based sele...
artf
This is because you're just clearing components. You can use the built-in command core:canvas-clear
ronaldaug
@artf Thanks for your quick reply. Sorry for my unclear question. What I actually want to achieve isTo remove the CSS codes that belong to a specific block. For example, when I delete a block in the canvas, the CSS codes of that block will...