We're using GrapesJS at work for building a kiosk-system into our CMS. Currently using the webpage template. We are displaying the content on displays/tvs which has a fixed resolution, for example 1920x1080 laying down, or 1080x1920 standing on the side And I've tried to find a way to limit the resolution in the canva...
artf
Have you tried the Device Manager API?This will (sometimes) add scrolling in the canvas in the webpage template of course, but I don't see that as a problem as its more important to know that the design you're working on will look the same...
ageir
Yeah I did, works great if you are editing on a screen that is larger than the intended content. But if you're for example editing for a 4k screen on a full HD screen its a bit problematic. Zooming seems great! Would be great if you can zo...
artf
Yeah I did, works great if you are editing on a screen that is larger than the intended content. But if your for example editing for a 4k screen on a full HD screen its a bit problematic. Zooming seems great! Would be great if you can zoom...
Hi @artf , I'm facing a very strange issue related to HTML5 drag & drop. When I select some mixed contents within grapesjs, including editable text contents and the surrounding components as a whole selection with the mouse, the dropped (copied) contents is sometimes "null" (a string carrying the "null" text value, no...
artf
Thanks for the report @arachnosoft BTW I'm able to reproduce it, but only once the first CKEditor instance is activated, can you confirm?
arachnosoft
Yeah @artf , seems to be the exact test case... If I refresh the page to get a clean context, empty the canvas, drop a Grid component (quite complex one), select some of its text and surrounding cells WITHOUT activating CKEditor, and drag/...
artf
I noticed that a new CKEditor instance was being created into the DOM each time a new component is edited, even though the CKEditor plugin uses CKEditor's inline() method. I don't know if this is "by-design", or if it could explain that ki...
Hi, I try to create a canvas block and run a javascript which generate ChartJS graph inside. I don't understand how to execute a javascript extern function on a canvas. And how to retrieve the canvas id when is it add? Thanks !
We are using grapejs to create webpages. We are doing some back end manipulation of the json to link each child of the html (usually a row) to a record in our database. To that end, I've added a trait to every component called custompk. Upon saving the grapejs, I loop through the first level of components and add a re...
artf
Create your own trait https://grapesjs.com/docs/modules/Traits.html
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 @artf , I ran into a similar, if not the same issue as this one: #1327 While editing a text block, I click on an external button to get the contents of the canvas, without leaving the cursor from the canvas. At this point, if I call getHtml() or runCommand("gjs-get-inlined-html") (my grapesjs being loaded with the...
artf
Yeah, this is exactly how it works. I'll try to check if I'm able to merge the temporary state before getting the HTML data
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.
Browser = ChromeGrapesJS = Latest version ( 0.14.52 ) I am trying to create a block includes nesting content object with script, style, type properties. It works fine except adding <style> tag in the content. Issue If I create block content as a String like option (A) as below, CSS goes to CSS editor. But if I create...
artf
BTW, I think, for your case, a custom component is more appropriate
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.
WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUse the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....Do a quick...
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, First of all thanks for your great Work !!!!! I am trying to load a dynamic style into the canvas head. Is there any way to load dynamic object or string into the canvas head. var customeCss = "h1 { color:#000000; font-family:Courier; font-style:italic;; }" var editor = grapesjs.init({ ...............................
artf
Do this
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'm working on Table feature with this awesome project grapesjs. ProblemI added table component on canvas. In ComponentTableBody.js, change default rows and columns options.In ComponentTableCell.js, add a resizable options on cell component.then In order to make resizing cell feature, but It doesn't work. Descr...
artf
The real problem here is the class actually, so I'm ok with removing them from the core (they are actually useless here), but I'd avoid other table-related components.
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.