#1508October 12, 2018by ghost2 answers
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...
#1507October 12, 2018by himanshubudhlakoti3 answers
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...
#1506October 11, 2018by YashPrince3 answers
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...
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.
#1505October 11, 2018by himanshubudhlakoti3 answers
i am integrating grapejs with angular6. but it is not working means it is not showing on blocks i am using following code
mararn1618
I would suggest that you upload an example to https://www.jsfiddle.net. This does not seem enough to give an answer.
artf
You should add the style
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.
#1504October 11, 2018by dlorenzo3 answers
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.
#1502October 11, 2018by mudit-mittal3 answers
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...
#1501October 11, 2018by mararn16182 answers
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.
#1500October 11, 2018by chaitanya112 answers
after creating some designs how to save and import them in to grapesjs?
chaitanya11
Got info from #778.
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.
#1499October 10, 2018by coder-strange3 answers
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.
artf
Use the latest version please
#1498October 10, 2018by SeongwoonHong2 answers
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
artf
Sure https://grapesjs.com/docs/modules/Assets.html#uploading-assets
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.