#1361August 14, 2018by dsgh1 answer
I'm using the latest release. Steps to reproduce:Configure grapesjs in such a way that the wrapper is not droppable.I have created a fiddle to demonstrate this: https://jsfiddle.net/szLp8h4n/300/ (the idea here is that only the white center area is droppable) Expected behaviour:The green drag placeholder shouldn't be...
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.
#1360August 14, 2018by gregvissing2 answers
I'm trying to embed this into Blackbaud Internet Solutions using a Custom Content Part. Can someone help me figure out how to setup the storageManager so that I can Save and Load the data based on the ID? I'll be creating individual parts using this Custom Content Part so I'll need the ID, HTML, CSS, etc. stored separ...
artf
Hi Greg, for the grapesjs part I think that all you need is here https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage this approach, which allows you custom parameters and headers covers 99% of cases. So, for the rest you ha...
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.
#1358August 13, 2018by alimajed933 answers
Hello everyone, I overwrote the default 'Link' acton of the rich text editor: <img width="1274" alt="screen shot 2018-08-13 at 1 58 43 pm" src="https://user-images.githubusercontent.com/28840780/44027999-2788cfaa-9f01-11e8-9f5e-e24d3ced19ed.png"> Now when clicked, a modal opens, where the user can add the desired url,...
artf
1 - How can I check the implementation of the "Link" action of the richTextEditor in "demo newsletter editor" so I can replicate it? Since there and if the modal is closed without submitting, the link is no created. That modal is from CKEd...
alimajed93
Okay thank you for your quick response @artf How to keep the focus on the rte?
artf
You need to catch events which trigger a blur and call stopPropagation. This is how is kept by clicking on the toolbar itself https://github.com/artf/grapesjs/blob/dev/src/richtexteditor/index.js#L82
#1357August 12, 2018by ghost3 answers
Version 0.14.25 | Local copy GrapesJS Tested in: Chrome 68, Firefox 61 Add a background image in "Body (Selected #wrapper) -> Decorations -> Background -> Layer # -> Image", save to db, refresh page, load from db, blank background. Same with image or color. Adding background After refresh page and, how can add a backg...
maryia-kabash
As a workaround for body background I use the following actions:save body background to DB separately from components and styles, via editor.DomComponents.getWrapper().attributes.stylewhen template is loaded set the style via editor.DomCom...
artf
I need to know what do you store in DB and how do you load it.
ghost
Hi, this is the code. This is the php code: store for load Thanks.
#1356August 11, 2018by kickbk3 answers
How would you go about adding a "Insert image" button to the assets manager modal? At the moment the "Add Image" may be confusing to some who would thing that button would actually insert the image onto the canvas and keep clicking it till their mouse would drop dead :)
artf
Are you just asking to rename the Add image with Insert image?
kickbk
@art here's a mockup to get the idea across. Not I am using BS to style the buttons. So you click on an image to highlight and Import to close. Currently when you click it already replaces the image but the modal does not close. It is hard...
kickbk
Sorry... did not mean to close the issue.
#1355August 10, 2018by david-polak2 answers
I have a canvas component and I need to be able to register resize events for it. After diving trough the code and looking for relevant model events all I could come up with, that would actually trigger on the resize is this: Which works, but is kinda hacky. Is there a better suited event?
artf
Hi David, I think currently is the best you can do, but I'm open for suggestions to make it less hacky
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.
#1354August 9, 2018by kickbk1 answer
In the "Export" codemirror modal, I would like to change the default behavior of the CSS part. Currently it removes the "<style>" opening and closing tags and adds:{ box-sizing: border-box; } body { margin: 0; } I would like to keep the <style> tag and remove the added styles. How can I?
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.
#1353August 9, 2018by emilsedgh3 answers
I'm interested in developing a "checkbox" (toggle) property type for the style manager. Basically it'd be like the radio, except that it's singular and can be turned on off. Use case is this: I want to have a Bold icon. If toggled on, it applies font-weight: bold otherwise applies font-weight: normal. Just like the de...
jmrgz
Oh, sorry, I just got right what you need now. You could try a dirty jquery solution while waiting, using 2 radio buttons with the different on/off states and show/hide every button when you need it.
jmrgz
If I understood you ok, you are trying to create a new button like the others under "text-decoration" in https://grapesjs.com/demo.html I do not have text decoration in my project, but I have text-align buttons that work the same. This sho...
emilsedgh
Your example provides a radio button of a few choices. I want single toggle on/off buttons.
#1352August 9, 2018by Big-Silver3 answers
I thrilled to GetHtml, GetCss are GetJs. Is it possible SetHtml, SetCss and SetJs like above functions?
artf
You have these https://grapesjs.com/docs/api/editor.html#setcomponents https://grapesjs.com/docs/api/editor.html#setstyle no methods for js, it only can be a result of custom components
Big-Silver
Thanks @artf setcomponents and setstyle work well.
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.
#1351August 8, 2018by YashPrince2 answers
How can I use https://ckeditor.com/ckeditor-5/#inline in grapejs . I am using 'gjs-plugin-ckeditor' for ckeditor-4 but I want to move on ckeditor-5. I have checked and 'gjs-plugin-ckeditor' do not support ckeditor-5 so how can I use ckeditor-5 with grapejs, any help would be appreciated.
artf
You should follow this guide
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.