Looking at the screenshot uploaded, i circled Table Cell, Classes, Selected: NOTE: I'm currently using the newsletter preset plugin. I'd like to change the intext/title of 'Table cell', or 'Table' to something else like 'Custome Table Name' and also I want to change the innertext/title of 'Classes' & 'Selected' to som...
GJSBlock
Thanks for reporting this, @boomshakar. Great question about Change text of cell names/title in innerText names/title. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation f...
Hello, Please i'm in need of the logic on how to the import template modal on initialization of the page... I'm using the newsletter preset plugin What i'm trying to achieve?: Make the user upload their code once the page has been loaded. Below are the logics I've tried, editor.on('load',(model, argument )=> { //open...
boomshakar
@boomshakar please don't convert discussions to issues Noted. Thanks
boomshakar
Hi @artf, I was able to get what I want by triggering click() on the button itself, const modal = edit.Modal; const query = new URLSearchParams(location.search); const uploadQuery = query.get('key'); if (uploadQuery === 'upload-code') { co...
artf
@boomshakar please don't convert discussions to issues
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Reproducible demo link Describe the bug Sorry for asking it here. But I am in a hurry. I am creating a service in which I host websites for my clients. So for each new site, does GrapeDrop create a new certificate specific...
artf
Please avoid using GrapesJS issues for off-topic questions.
GJSBlock
Thanks for reporting this, @omkar111111. Great question about SSL certificate how to?. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for th...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v100 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Click any component, scroll to Decorations > Background in the style managerAttempt to create a background with a...
bit-ocean
Hi @artf Is there a chance that this feature could get some attention? I find it fundamental. There is a lot of great functionality added to grapesjs since 0.17.29 (the last one grapesjs-style-bg plugin supports) and I would love to use th...
Vac1911
You can use the background color input for an image color but the UI looks confusing and should be changed.
artf
Yeah, I disabled the previous plugin with color/gradients as it's not compatible with the latest versions but I'll work on it soon. For now, I close this issue as it has nothing to do with the core itself.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 98.0.4758.80 (Official Build) (arm64) Reproducible demo link https://jsfiddle.net/bd2kpjwf/ Describe the bug How to reproduce the bug?Add two componentsOpen browser dev-tools and enable device mode (CMD+SHIF...
artf
The touch plugin polyfill will work only if you load it with touch device already enabled (try to use the demo), so if you enable touch device later it won't work.
GJSBlock
Thanks for reporting this, @m-jojo-s. Great question about touch drag-and-drop does not work. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Lo...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v98.0.4758.80Reproducible demo link https://jsfiddle.net/am1rb/3uzkn5t7/8/Describe the bug How to reproduce the bug?Render a simple component on the canvasSet draggable=false for the component programmaticallySelect t...
artf
Yeah the toolbar is not really dynamic, so if you need to recalculate it, you have to force it manually
GJSBlock
Thanks for reporting this, @am1rb. Great question about The initial toolbar move button does not get removed if you set the draggable prop to false programmatically. The recommended approach with Canvas is to use the event-driven API. Star...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v 100.0.4896.75 Reproducible demo link https://stackblitz.com/edit/typescript-ou8qpc?file=index.ts&view=editor Describe the bug How to reproduce the bug?Try to init grapesjs with with index.d.ts What is the expected...
artf
Thanks @dinosaurawr that was fixed here https://github.com/artf/grapesjs/pull/4216/files
GJSBlock
Thanks for reporting this, @dinosaurawr. Great suggestion about init() method typings error! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative app...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome 100 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?I am using externalDrag an image block to canvasSelect an image from the custom modalView the codeCheck the model/t...
m-jojo-s
either use selected.set('src', doc.url) or enable unsafe html attributes Refer to #4148
artf
Yeah, I'd say you should simply switch to selected.set('src', doc.url) as already suggested.
GJSBlock
Thanks for reporting this, @iamqinglong. Great question about image src won't change in exported HTML. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? VSCode (WebView within VSCode extension) Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Create a new vscode extension (or use one that you already have)Create a Webview that...
artf
Hi @protozoo I'm not sure exactly why but looks like the vscode iframe (probably sandboxed) is blocking the native HTML5 Drag & Drop (this is what is used on Blocks). As this is not strictly related to the core I'll move this one to the di...
GJSBlock
Thanks for reporting this, @protozoo. Great question about Block drag and drop interaction fails within vscode extension webview. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS doc...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium v96 Reproducible demo link https://grapesjs.com/demo-mjml.html Describe the bug How to reproduce the bug?Add a one column componentSelect the columnClick the copy button on the toolbarRepeat the steps 2 and 3 with...
artf
Sorry but demo-mjml is a plugin and not related directly to the core. As I see no issues with the default renderer of components that might be related to the mjml renderer of components and I have no reason to keep this issue open. Despite...
GJSBlock
Thanks for reporting this, @gustavohleal. Great question about Components disappearing/not being rendered at cloning, moving or adding. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJ...