GrapesJS Issues

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

3464 issues found

#1593November 19, 2018by dlorenzo1 answer
0 reactions

[Bug] Images within links break when changing parent 'editable' flag

Version: v0.14.44 Steps to reproduce:Drag 'Link block'Drag 'Image' within previous 'Link block'Select 'Link block'Type in console: editor.getSelected().set('editable', false); editor.getSelected().set('editable', true);Double click imageClose image popup From this point it is impossible to resize, remove, copy or even...

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.

#1592November 19, 2018by dlorenzo2 answers
0 reactions

Highlightable seems to have no effect

Setting 'highlightable' to false seems to have no effect on components when using version v0.14.40. Dotted lines are still visible. Can't reproduce with version v0.12.17.

artf

Yeah, I've noticed that just after the release, the fix should be ready for the next release

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.

#1591November 18, 2018by riteshdalal3 answers
0 reactions

[Bug] Component attributes forced to lowercase on load when using fromElement

When GrapesJs is initialized using "fromElement", the attributes in the HTML tags of the element are forced to lowercase. View live example (uses latest version): https://codesandbox.io/s/zr139yj3m3 Look at the index.html file and the on-Tap property of the div. But upon initializing, if you view the code using the ex...

artf

Expected behavior would be that the attribute name would remain unchanged. This is how HTML5 works

riteshdalal

Thanks @artf. If I create a trait with camelcase name then it seems to be working fine when value added through "Settings" but when element is initialized on canvas or block is dropped then the name is forced lowercase. I am trying to get...

artf

Then you just shouldn't initialize the editor by HTML, but use Component objects, then check how to store correctly your template data https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates

#1590November 18, 2018by Geeker13 answers
0 reactions

Integration with another template

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...

Geeker1

I'm new at using grape js but is there anyway of using pre made templates with css links editable in grape js canvas

artf

css links editable Well not by default but you can create a custom component for such a case (eg. with a custom trait)

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.

#1589November 16, 2018by SeongwoonHong2 answers
0 reactions

[Bug] Cannot read property '_cash(some random numbers)' of undefined on newsletter demo.

I'm having some issue when I load some templates and modify. and it looks like grapesjs newsletter demo is also having this issue. I have couple of templates and if i copy and paste into newsletter demo and try to modify it from there, it gives me this error message 'Cannot read property '_cash(some random numbers)' o...

artf

The export of the demo is not intended to be importable... In your case, #wrapper{ style rule breaks stuff, the RTE it doesn't work due to the optimized export code

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.

#1588November 16, 2018by vvladev3 answers
1 reactions

[QUESTION]

Hi guys and thank you for your magnificent work and this API! I have a question about the box, which wraps all components after saving. For example lets say I have custom element something like <div class="myclass" data-gjs-type="custom"></div>. After saving the template and reloading it for farther editing in layer p...

cjpollard

Same issue as https://github.com/artf/grapesjs/issues/1554 .

vvladev

O, yes, I'm sorry! Thank you, cjpollard !

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.

#1587November 16, 2018by Geelik2 answers
0 reactions

How to distinguish events for custom components

Hi, I have an issue with events. I would like to distinguish events wwhen a component is loaded using 'fromElement' config from when it's loaded by dragging a block. The problem is init or initialize are called in both case and i didn't find a property that change between both case.

artf

For the component dropped from the block manager you can use this event block:drag:stop. As arguments for the callback you get, the dropped component model (if dropped successfully) and the model of the block

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.

#1586November 16, 2018by crypto-dump2 answers
0 reactions

[Question] update Trait select option dynamically

I tried this to update trait selection. var updateTrait = function(id, name) { var typeTrait = model.get('traits').where({name: 'type'})[0]; var options = typeTrait.get('options'); options.push({value: id, name: name}); typeTrait.set('options', options); }; But after click the element, it shows this error and the trai...

AkibDeraiya123

Hey @boris1989529 I am also stuck at this point to update the traits dynamically even in scenario i also need to push the option into the once of my trait. Did you got any solution for this? It would be your pleasure if you can share the s...

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.

#1585November 15, 2018by goremykin3 answers
0 reactions

Hiding text editor

Your method "hideToolbar " does not provide for a situation where the text editor is greater than 100px. As a result, its piece is visible in some situations (for example, at the beginning of the customRte.enable method)

artf

Can you provide a live example? I'd expect the toolbar to be hidden due to display none

goremykin

Can you provide a live example? I'd expect the toolbar to be hidden due to display none If you connect CKEDITOR according to this instruction: https://grapesjs.com/docs/guides/Replace-Rich-Text-Editor.html#interface Put a breakpoint at the...

goremykin

Just need to take into account that I have a large size ckeditor (more than 100px)

#1584November 15, 2018by coder-strange3 answers
1 reactions

Not getting the Script of Block from editor.getComponents()

Below is the Component that I'm adding. this.editor.BlockManager.add('dob-mmyy-pii', { id: 'dob-mmyy', label: DOB (MM, YYYY) (PII), category: 'Forms', attributes: {class:'fa fa-birthday-cake'}, content : { content : <div> <label>DOB (Month and Year)</label> <input name='dob' class="form-control"> </div>, script : func...

artf

@taufeek6 #1576

artf

If the script is a function and you can't serialize it in a JSON. I think, in your case, you need a new custom component type (you're just adding a block) then you'll export only changed properties (the script will be part of the component...

coder-strange

Bingo! that worked perfectly fine but it's letting all of the element to be selected in the block (By directly giving the block html in 'content', content : { content : 'html' } was working fine) so how do I forbid the elements to be selec...