I'm thinking about adding multiple page with header and footer Currently I have an idea on how to implement the multiple page but I don't know how to implement header and footer. With the current Api methods, seems there is no work around for this please help to resolve this issue, since upon checking the issue there...
froderf
Header and footer should be same to all pages
artf
You have to use Custom Components example https://jsfiddle.net/5vcc3en6/
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.
1、移动画布 2、点击layerManager（如果不点击layerManager 不会出错） 3、画布里的提示框位置出错 1、 moving canvas 2、 click layerManager （If you don't click layerManager, it won't go wrong.） 3、 The position of the tip box of the picture is wrong.
artf
Thanks for the report @fulus06 can you provide a reproducible demo on https://jsfiddle.net/, please?
fulus06
@artf https://jsfiddle.net/fulus06/kqsezd0c/5/
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 there! Awesome project and thanks for your contribution. I would like to know if it is possible to change the styling of a child component through it's parent's style manager. For example, I have a block of components. The parent component contains all the other components. By clicking the parent component and g...
artf
It might be a bit tricky but yeah, you can do it. For sure you have to create a custom Component and inside its init method (model) you would place listeners to traits/styles. Then, inside the callback method, of the listener, you'd use fi...
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 trying to integrate GrapesJs in reactJs. Can you please help me out with the below question w.r.t GrapesJs-React, • Is there a way to find the images link used inside the editor ?? example: when I drag and drop and image inside grapesjs editor it will create one image tag with image src path. So I want all all th...
maryia-kabash
Hi @hemanthmc I can suggest subscribing to sorter:drag:end event and pass a React method as a callback. In the method check if image is dropped and store its src into React state or do whatever needed. A more detailed example: this.grapesj...
I have this rte toolbar where you can type and click 'save' and it's going to create a link for the selected text. but the problem is that the value of the input field should be dynamic based on selected text. If the selected text has href and the input field should show the href in there. How do i get href for the se...
SeongwoonHong
@artf WOW you save my life!Thank you! I have no idea how many hours to figure this out by myself... thank you thank you! it's working now.....!
artf
rte.selection() returns the Selection object which you can use to detect the pointed node (from which you can get all the attributes you need)
SeongwoonHong
@artf Could you give me an example of doing it please? I've tried lots of stuff but couldn't find a way to get any attributes using rte.selection().... I really appreciated it Artur.
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.
I'm basically trying to put an input fieldinside the RTE so that users can make link more easily. console.log(<a href="#">${rte.selection()}</a>) inside the result function is returning an empty anchor tag like this <a href="#></a>. I've tried everything.. even store the rte.selection() value to the global variable in...
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.
with minimal set of blocks involved it doesn't make much sense to have a toolbox filter, but as the number of toolbox items grow it makes a lot of sense to have a filter on top of toolbox. other thing annoying me is lack of auto-scroll when dragging elements up or down on the canvas.i would appreciate any commitment a...
artf
Hi @B-Esmaili for the filter you can create your UI (panel, input for the search, etc.) and use the block's API to filter them (example https://github.com/artf/grapesjs/issues/499#issuecomment-343482511)other thing annoying me is lack of a...
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.
how to load an html file while starting the GrapesJs-react- editor I tried in this way but it is not working, editor.StorageManager.add('local', { load() { 'template.html' }, });
arthuralmeidap
You could use the editor.setComponents to load the HTML. Here you can see an example: https://github.com/artf/grapesjs/wiki/API-Editor#setcomponents You will need to get the content from the HTML file first.
artf
To be honest @hemanthmc , by lookings this: I'm not sure you even know what you're doing... Start from the beginning: https://grapesjs.com/docs/getting-started.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.
In the editor, if we have link element with some classes, the editor does not allow to copy/delete the element. GrapesJS version: v0.14.50Steps to reproduce:Open https://grapesjs.com/demo.htmlImport following simple link tagSelect it and click on copy icon or delete icon from the toolbar @artf Could you please suggest...
narendravaghela
Can someone please help on this issue?
artf
For now, init the editor with this option: in the next release I'll adjust the default value