Hi @artf , Created this issue due to https://github.com/artf/grapesjs/issues/214 has been closed ... I cloned the latest repo and run it on IE 11, an error: SCRIPT438: Object doesn't support property or method 'replace' - grapes.min.js (15612,7) demonstrates on the console, when I clicked it, it jumped to the line in...
artf
@frank-tenzing not sure if it's IE's only error, are you facing this issue with some kind of template (which probably contains some SVG element)?
frank-tenzing
Hi @artf , what I have done after cloned the latest repo are 1). Replaced the start script with "start": "webpack-dev-server --open --progress --colors & npm run build:css -- -w",; 2). Commented the editor.BlockManager.add('testBlock', { l...
artf
@frank-tenzing thanks, but what about other browsers?
Hi. I wish a text component that do not create new components every time I press "Enter" key to create new paragraphs (this is a bad usability). In addition, the actual text component from the core of grapes has a problem (described in the screencast below). Thanks in advance for your attention!
Moikapy
Not sure if I found this code in an Issue on here or on Stack Overflow, but this code here replaces the Divs with a <br/> when you press the enter key. I placed this code in the same file as my grapes-config
ryandeba
I looked into this myself a few days ago...apparently there's an insertBrOnReturn option for execCommand, but the browser support is terrible. A solution like this is probably better. @artf How would you want this to change? Should hitting...
gabrigcl
I've found a solution to my needs using CKEditor and overriding the native "text" component creating my own. My text component now is a div with a css class that identifies the component: Now, typing ENTER does not create a new component....
I'm building the Bootstrap plugin and have a growing list of utility settings for basically every component. Add component-specific and ARIA settings on top of that, and the Settings panel becomes pretty cramped. Can we have the ability to categorize settings into "collapses" like with Blocks? I'd be willing to contri...
artf
Thanks @z1lk for the suggestion, it definitely makes sense but I'm not sure about copying stuff, I'd like to avoid repeating code, probably it would make sense create an abstract view which does the same thing and which we can use in other...
artf
Closing this in favor of https://github.com/GrapesJS/grapesjs/issues/1806
Hi @artf, can i have a enhancement for select command, when the cursor click or hover the element which is not selectable, then the selection jump to available element. Since the element not available to select, and nothing can do in the element, so i suggest hover and select jump to available parent.
TWCM
Hi @artf , I am trying to help for this enhancement. But i am not sure am i correct, please help to verify.
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 have a question about select parent function. Cannot select the parent when parent element is not selectable, suggest to skip the parent element then select parent's parent element until to the div#wrapper.
ryandeba
I could probably help out here - I'll try to make a pull request later today or tomorrow.
TWCM
Hi @ryandeba, Thanks for your effort.
TWCM
Hi @artf, more one question, can i have a enhancement for select command, when the cursor click or hover the element which is not selectable, then the selection jump to available element. Since the element not available to select, i want t...
From fontawesome 4. Would be a good opportunity to make fa5 a peer-dependency this time as well, so people aren't including it twice Some icons need to be replaced is the only migration
artf
Hi Matt, we're already planning to remove Fontawesome from the core and use instead SVGs for icons :)
antman3351
Hello, I'm currently testing / early development integrating GrapesJs into an existing web application that's using FontAwsome 5.12 (I'm really impressed with GrapesJs especially with how extendable it is ππ) I'm just leaving this as a n...
Hi there, I solved this using the following configuration: grapesjs.init({ colorPicker: { appendTo: 'parent', offset: { top: 26, left: -166, }, }, }) Maybe you need to adjust the top and left positions for you, because I changed some sizes...
swarnat
I had exactly the same problem and thanks to your pointer to ColorPicker.js I was able to fix. Like artf say, the calculation of position is wrong, when editor is shown with a popup, like bootstrap modal. So I replaced the correction lines...
artf
Are you able to provide a live example of the issue? (jsfiddle, codepen, etc..)
https://github.com/artf/grapesjs/blob/25fdbe14098c7e1a65d3e5527749302174f56a7d/src/domainabstract/ui/Input.js I want to change the input class: https://github.com/artf/grapesjs/blob/25fdbe14098c7e1a65d3e5527749302174f56a7d/src/domainabstract/ui/Input.js#L15 To something entirely different, ie form-group
artf
Domain abstract stuff are just for internal usage so I don't even plan to let them overwritable, which is your use case?
Geczy
I want to customize the appearance of the form fields in the settings panel of a component, by using existing classes in bootstrap or another css framework I use. So I want to replace gjs-field with form-group
artf
Ok, got the case, but at the moment there is just no easy way to accomplish it :/
Hello, There is new issue with GrapesJS (maybe). I've created new component using bm.add() in which I've used a table element with <thead> and <tbody> tags. But when getting html using editor.getHtml() method, the <thead> and <tbody> tags gets ommited. Can you please help?
artf
@fsaiyedOB yeah, I've made the table component like this because at that moment of writing the sorter was acting differently and it was messy ordering rows with tbody-like elements around. Currently, dealing with tables it's not my priorit...
ryandeba
Thanks! I'll try to get started on this in the next few days.
ryandeba
Hi @artf - I can probably take a look at this at some point. I've started by just removing the "Clean table rows from non rows" section in the table component (lines 54-68). Can you point me in the right direction of what problems this cau...
I've found this here #351 but seems not to reset the body background... Any other way to do this?
artf
@duskhacker I'd say it's somehow related but not the same issue. CSS you're mentioning it's generated from two different places and it's some kind of a basic CSS reset *{box-sizing: border-box;} comes from https://github.com/artf/grapesjs/...
ryandeba
Hi @g41n, Can you provide a jsfiddle (or equivalent) showing the issue? I just put this together which first sets the body background color to blue, and then clears that style 2 seconds later: https://jsfiddle.net/gn3jtahv/. That seems to...
g41n
Hi @ryandeba, thanks for the reply. After some digging here there is a fiddle https://jsfiddle.net/x118ks1v/ and steps to reproduce:click on the reset button, reset is successfullclick on body and change background from the panel on the ri...