GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

212 issues found

#1427September 15, 2018by chiqui3d3 answers
2 reactions

some paragraphs are not badgable and hoverable

I'm testing the editor on a particular template with Boostrap 4 using flex, but I realized that some paragraphs do not show the badge correctly, I'm going to put here the demo https://jsfiddle.net/kf5n9sdq/31/, I've given myself that if I delete the main image if you can select, but I do not really understand what hap...

juanj

It looks like it have something to do with the scroll. If you scroll, the blue selection box shows where the paragraph was at the start. I don't think it have anything to do with the image. Even if you delete the image and scroll you get t...

chiqui3d

Great observation mate, it was that, the problem came from the body that had the overflow: hidden; Thanks very much @juanj

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.

#1424September 14, 2018by mararn16183 answers
0 reactions

Checkbox trait value is rendered differently in view (render()) vs model (getHtml())

I have a custom component with a checkbox trait 'show-name'. When the trait value is 'true', the component renders in the view to the attribute show-name="true", whereas the model only has "show-name" and renders to "show-name" via getHtml(). How can I get a checkbox-trait to render to "show-name=true" via getHtml()?...

artf

@mararn1618 can you create a reproducible live demo of this issue, please?

mararn1618

Hi @artf, of course. I have extracted the relevant parts of my project and created a demo along with reproduction steps:Demo: https://www.secretbakery.io/grapesjs/issue1424.htmlList demo files: https://www.secretbakery.io/grapesjs/ Thanks...

mararn1618

I am right now using a workaround for this, so that my AngularJS directive - where this attribute shall be used - recalculates 'show-name' as if we had 'show-name="true"' in the link stage.Workaround AngularJS Directive

#1353August 9, 2018by emilsedgh3 answers
2 reactions

[Feature Request] Checkbox property type

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.

#1346August 6, 2018by FrciSmrci3 answers
2 reactions

[FEATURE REQUEST] Property slider view default unit

Hey @artf , I think that the slider component would come handy from the UX perspective for the user interaction of some of the integer properties as well, like font-size / line-height, etc. I would like to propose that the slider component is extended with a default unit property which would take in an string, but wit...

artf

Yeah, sorry, I was too much busy with other stuff this week, hope to release this weekend 😬

artf

It could be already possible with this kind of configuration but unfortunately I notice that currently the slider itself does not update its pointer (due to a not numeric value). I'll fix that in the next release

FrciSmrci

Thank you @artf :) When is the plan to do the next release?

#1332August 1, 2018by orianne2 answers
0 reactions

[Feature Request]: Adding html flexibility

Hi, My team and I are new to grapesjs (have been going over the code during last couple of days), and I've gotten several requests from our designers. One of the requests has been giving me some trouble, and I'm wondering if my incapability to solve the issue is due to lack of understanding, or due to the code not hav...

artf

I think you're looking for https://github.com/olivmonnier/grapesjs-plugin-header Please, check its source, I think it might give more context on how to create your own 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.

#1326July 31, 2018by CCsoh1 answer
0 reactions

Is it possible to disable move and delete bar

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.

#1280July 12, 2018by HakuTheWolfSpirit3 answers
0 reactions

Rendering third party components in grapessj editor

Hello, we'd like to render third party controls. This is a general question and we wan't to know whether we are going into the right direction. To render the controls we are required to use a third party technology (Vue, React, or similar frameworks). Both of the frameworks have one common problem: they are lagging th...

artf

Vue compiles at runtime if you use the version with compiler. Exactly like this component https://github.com/alexjoverm/v-runtime-template As second question I'd like to know whether it is possible to hook onto events from the editor from...

HakuTheWolfSpirit

Hi, thanks for the answer.Vue compiles at runtime if you use the version with compiler. Exactly like this component https://github.com/alexjoverm/v-runtime-template The problem with Vue is that there is not really a method that allows me t...

artf

The problem with Vue is that there is not really a method that allows me to put a string in as parameter and get html as an output. I have asked this question on StackOverflow and hopefully I will get an answer in near time. yeah but you c...

#1273July 11, 2018by johnknoop2 answers
0 reactions

Feature request: Asset manager more suitable for large amount of images

The asset manager window is kinda tiny. If you're selecting from thousands of product images, the user experience becomes quite limited. It would be great if you could increase the size of the window, and also support basic filtering of images using a textbox.

artf

For the size of the window, I think it's just a matter of adding some CSS. For the basic filtering, it's a bit different, you can do it by yourself actually (create the element, on change filter rendered assets and, for example, append the...

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.

#1267July 9, 2018by zimnerd1 answer
0 reactions

How to save javascript rendered elements as HTML only

Good day I am struggling to save content appended using javscript as HTML, Instead it saves the script that does the appending. Is there a way to get the rendered HTML? Thanks WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/...

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.

#1263July 6, 2018by zimnerd1 answer
0 reactions

How can i embed a modal and be able to edit it in my html content

Good Day I am trying to add a modal into my html, I was able to add a modal in the blockmanager but i am struggling to find ways to edit the modal content inside the editor. Any help will be appreciatedWARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https:/...

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.