#1999May 6, 2019by acamenhas3 answers
Hi, I need to extends the video type, just to add a new trait/property: muted There is any documentation that can tell me how can i extend an existing type? Thanks
artf
To learn more about how to extend components start from here: https://grapesjs.com/docs/modules/Components.html The problem with the Video Component that its traits are handled a bit differently so in this case, I'd suggest looking at its...
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.
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.
#1970April 21, 2019by rodenp3 answers
Firstly what a great tool you have here. I'm sorry if i ask questions that have been asked before. I have tried to read through the documentation and googled posts but am still a bit stuck. I am like a few people trying to integrate React components into grapesjs. https://github.com/artf/grapesjs/issues/170 mentions c...
rodenp
Fantastic work @beepsoft Integrating React properly into the core would be a great step and could make way for the support of other frameworks. This will raise the bar for grapesjs to another level.
artf
Really cool @beepsoft especially all the explanation of the processCould you please add a public API to be able to provide a custom HTML parser the same way as it is possible to provide a custom CSS parser? I'll see if I'll be able to add...
beepsoft
Hi, I created a poof of concept implementation/example of the integration of a React component as a GrapesJS block/component here: https://github.com/beepsoft/grapesjs-react-component-example Although "integrating with React" could mean ma...
#1924March 26, 2019by Aleksandrov913 answers
I'm trying to create dropdown menu (like the device selection menu) inside options panel. In the documentation is described how can create panels and buttons only. How to do that?
artf
It was created by its own view so nothing special, there is no API to create select inputs, do them as you wish with your framework of choice then on change just bind your actions
Soharab-Shaikh
@artf Could you please help me to add select input(dropdown) inside the device panel?
alimurad52
@artf can you provide an example of this?
#1917March 24, 2019by trafalmejo2 answers
Hi, I want to change the icon of a Block in the Block Manager: I know it is part of the attributes in the manner: attributes: { class:'gjs-fonts gjs-f-b1' } and the class defines the icon to be used. Where is the list of icons? I didn't find it in the documentation: Block Manager. Thanks!
artf
There is no list of icons, we used fontawesome and some custom one but we're planning to remove them from the core
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.
#1894March 14, 2019by jwilson-lyonscg2 answers
Specifically this: https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type First of all, the keyUp event references onChange when the function name is actually onChange. Next, even if you fix this, this.model.get('value') evaluates to a blank/null value whenever I make changes to it. The only way I can see...
jwilson-lyonscg
Nevermind. I was misunderstanding the syntax. I didn't realize that the onChange and the onValueChange are 2 different unrelated methods apparently. It's not clear to me what onChange does exactly.
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.
#1893March 14, 2019by trivago-vgarcia3 answers
We are using blockManager, as you can see in the example posted to codesandbox, following the documentation related to custom render. The unexpected behavior for us is that each time a user edits the styles of a block, all blocks are updated with that style, because the style has been set to the class used in the bloc...
artf
First of all, your example/problem has nothing to do with the custom render in blocks (you'd use it to customize the UI of blocks not components in the canvas). A solution is to set that class private
trivago-vgarcia
@artf Thanks for the reply! Sorry, because the example wasn't clear. It happens on every case, I mean, even when they are defined in the default template, and not only when a new selector is added. So, using selector:add wont fix all the c...
artf
It happens on every case, I mean, even when they are defined in the default template, and not only when a new selector is added. So, using selector:add wont fix all the cases. selector:add is triggered even when a new class is added from p...
#1890March 13, 2019by MACscr2 answers
I want to create my own dragging and placement abilities. I love grapesjs, but really want more control over how dragging elements work in the editor area. Is there a way to disable the built in method so that I can create my own? I know the designer mode is on the roadmap, but I need the feature now, so I am going to...
artf
Well, for the component itself, when you click on move icon, it runs the tlb-move command so you can actually overwrite it by adding a new one with the same ID, but unfortunately there is no easy way to change the drag behaviour of blocks....
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.
#1767January 30, 2019by arachnosoft2 answers
Hi @artf , I ran into a similar, if not the same issue as this one: #1327 While editing a text block, I click on an external button to get the contents of the canvas, without leaving the cursor from the canvas. At this point, if I call getHtml() or runCommand("gjs-get-inlined-html") (my grapesjs being loaded with the...
artf
Yeah, this is exactly how it works. I'll try to check if I'm able to merge the temporary state before getting the HTML data
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.
#1765January 30, 2019by ghost1 answer
Hi just a quick question I've noticed that the dev branch is at version 0.14.52 but the master branch is still at 0.14.43 even though the documentation (https://grapesjs.com/docs/#why-grapesjs) states 0.14.52 as the latest and also the demo uses 0.14.52. What I'd like to know is if 0.14.52 is production ready and has...
artf
.. and has just not been moved over into the master branch yet Yeah, in this case, 0.14.52 is the latest
#1569November 9, 2018by wirelessed2 answers
Hi, In your Components & JS documentation, it is mentioned that scripts can be added into the "block" section under a script attribute. However, after some trial and error, whenever the page is saved and reloaded, the script seems to have disappeared. When I tried to add the script into the "model" section instead, it...
artf
Probably you're not storing correctly https://grapesjs.com/docs/modules/Storage.html BTW you can add a script inside blocks but I highly recommend creating a custom component for that case
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.