Hi, I've been using GrapesJS with ReactJS (GrapesJS sits inside its own react component) and I'm having an issue uploading an image using my own react file-picker component. When I select an image from my filepicker react component, as its external to GrapesJS I manually update the gjs-html item in the local storage w...
ghost
Looks like I forgot about the DomComponents, after downloading and having a look through the src for grapesjs-newsletter, I was in the openImportCommand and noticed how the DomComponents were being updated. So I added the following into my...
cederron
Looks like I forgot about the DomComponents, after downloading and having a look through the src for grapesjs-newsletter, I was in the openImportCommand and noticed how the DomComponents were being updated. So I added the following into my...
I have integrated grapesjs with angular6. and i am getting a default panel with a select box appearing at top of screen; i want a custom button with my own custom command on the default panel. i want to add a button looks like below marked by red color. i want to when i click on the button then an alert box should be...
mcsekar12
Use editor.Panels.getPanels() to get all the available panels and then use addButtons method shown below.Here 'options' is the panel name editor.Panels.addButton('options', [ { id: 'save', className: 'fa fa-floppy-o icon-blank', command: f...
TemaMix
I also had trouble with that when had tried to button to Panel. So, I used the following way: editor.Panels.addButton('#target panel id#', { id: 'alert-button', className: 'btn-alert-button', label: 'Click my butt(on)', command(editor) { a...
mararn1618
This is well documented at https://grapesjs.com/docs/getting-started.html#panels-buttons. You have two methods to add a panel with buttons: (1) When initializing GrapesJS, (2) After GrapesJS was initialized with addPanel. Please note that...
Hello @artf There is an issue on demo page as well as library in media query. Issue is that if user update style on mobile view first and then the tab view then media query do not work for mobile view. If we update style for desktop first, tab second and mobile third then everything works fine but if we reverse the st...
artf
@Sharsie #1996
YashPrince
@artf Problem is that if we add a style mobile first and then on tab then mobile view css is override by tab view and all the css applied for the mobile view will not apply on the mobile view as it override by tab view.
YashPrince
@artf Any Update about this as it's a big issue. User can not update css for tab once they apply for the mobie first. They need to delete and readd that element.
Hi: Is it possible to have an instance of GrapesJS with dynamic height, as in, the editor adjusts to the content size. What I'm trying to do is to embed GrapesJS in a page with other elements (header, footer, etc.) and having only one scrollbar for the entire page. As you insert content in the editor, the page as a wh...
dlorenzo
Got it working pretty nicely listening to the 'component:update' event, calculating iframe content height and applying it to the editor. Thanks.
artf
Not by default, but you should be able to do so by relying on Events
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 All, I am getting below issues which are related to RTERTE creating multiple child's as action performed on text block. Ex:- suppose we performed same action (Bold) three times in sequence on same text block then its creating three child's on the same element.Font action in RTE is only supporting font size values b...
mudit-mittal
Hi All, Please find step for reproducing this scenario 1) Initial state 2) Perform Bold Action then Italic Action then Underline Action 3) Again click on Bold Action then Italic Action then Underline Action Actual:- Getting three extra <sp...
mudit-mittal
Hi All, rte.add('fontSize', {icon: <select class="gjs-field"><option>1</option><option>4</option><option>7</option></select>,// Bind the 'result' on 'change' listenerevent: 'change',result: (rte, action) => rte.exec('fontSize', action.btn....
artf
This is just how execCommand works and the built-in RTE is based on it. If you need something more sophisticated you can try grapesjs-plugin-ckeditor or implement any other 3rd-party editor by following this guide: https://grapesjs.com/doc...
With GrapesJS 0.14.33 editor.destroy() was introduced (https://github.com/artf/grapesjs/commit/52f8bdf2e894de536d44c1699c1e18bbaf52488f), so that it is possible to initialize, destroy and reinitialize an editor.Problem After initializing, destroying, re-initializing, I am however experiencing exceptions when editing t...
mararn1618
Hey @artf , are you planning to fix this in future releases? I belive this is relevant to many other issues people encounter, especially when using JS/SPA frameworks.
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! First of all thank you so much to build such a great and versatile tool. Is it possible that I can manipulate the dom elements of the block through block's content script? Eg. Basically I need a survey kinda block, where user can drop question block and then can enter the question string. Once again thank you so...
artf
Sure, but be sure to understand correctly the context of script and how it works https://grapesjs.com/docs/modules/Components-js.html#components-js You can't use $ if you didn't include it first
coder-strange
@artf I've added the jquery, in the above image I've added the value attribute to input tag as we can see that in the above image, but that value attribute is not there in the final HTML I'm getting from the editor.
Hi, I'm wondering if that's possible to save images as public url for instance, https://something.something.jpg so that anyone can access the image? Currently, it is saving images as base64