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.
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
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.
Hello, I have some questions and issues about and with the grapes editorProblem 1 In a component, which class is there extended? Is it really this class?Problem 2 I have created a codesandbox which shows which issues I currently have. It is oriented on the mjml-pluginSandbox Output Sandbox CodeSteps to reproduceDrag t...
artf
Problem 1 It depends (you can extend other types), but that is the base for all the componentsProblem 2 Here you should point out only issues related to the core library and not its pluginsProblem 3 Please read carefully this https://grape...
HakuTheWolfSpirit
Please read carefully this https://grapesjs.com/docs/modules/Components.html Yeah, forgot an important line defaults: { ...defaultModel.prototype.defaults, ...props } Here you should point out only issues related to the core library and no...
adelliinaa
What are the steps of importing a customised component?
Similar to issue #902 but I can't seem to resolve with the steps taken in that discussion. I'm using the latest version of Angular, Webpack, and TypeScript. I'm able to get the editor itself up fine. However, when I try to import grapesjs-preset-newsletter, I'm getting grapesjs is not defined. My imports look like thi...
artf
It's happening just because grapesjs-preset-newsletter uses an old way of loading the plugin, I'll fix it soon
devexcelsior
Im having the same issue, was this ever resolved?
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.
Currently all components are selectable/hoverable by default. And if you want you can change that behavior by providing data-gjs-hoverable=fase in the template. Is there any way to change this so selectable/hoverable is false by default, unless data-gjs-hoverable=true is provided? Thank you btw. Grapes is amazing.
YashPrince
Hello @emilsedgh Please check the below code it may help you.
emilsedgh
Thank you very much @YashPrince I suppose I can use a custom data attribute to exclude the ones I want to be editable right? Feel free to close this question btw. Thanks for answering.
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.
Scenario: I have image "image1.jpg" in asset manager list. Now I am renaming different image to "image1.jpg" and uploading to Asset Manager. Image is getting uploaded but not updating the existing image with new one. I tried by using asset manager's render() method after using the remove() method but no luck. It looks...
artf
Just remove the current from the list before uploading the one with the same name
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 @artf , is there a possibility to restrict the drop and drag functionality to elements classList containing some class or classes instead matching it? Thank you in advance! :)
artf
You could make use of this special attribute selectors div[class~="some-class"], [class~="some-other-class"]~= contains word*= contains^= starts with$= ends with
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 Grapejs Team, We've been working on Multi-page Website Builder. For each project there will be multiple html pages with single common "style.css" page. I am lazy loading each page with the following function - for handling multiple page loads The above page loads the page properly however, if page is empty or di...
cjpollard
This should work. `var editor = grapesjs.init({ keepUnusedStyles: true, ... });`
artf
@inventorbit next time, if someone solves your issue, close it
inventorbit
@cjpollard Thank you very much :) It's working. You saved my time...
I've noticed some inconsistencies when moving DOM components around in the canvas. Description in the gif below using the Webpage Demo: In my case, I do see the DOM component "moves" being reflected when I output editor.DomComponents.getComponents(). They actually get reordered, but the Canvas does not reflect those m...
artf
Never had time to debug it but I think it caused somehow by components with float: right style applied
jmrgz
Yes, it is related to the float right property. Actually, that is the real behavior of the float right property (the last html element appears the first) so I do not see an easy solution.