GrapesJS Issues

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

3464 issues found

#1704January 3, 2019by eidsza11 answer
0 reactions

[QUESTION] How to use grapesjs with twig variables and refresh data added in backend CMS on builded page without editing in grapesjs

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.

#1703January 3, 2019by narendravaghela1 answer
3 reactions

[Question] How to allow special characters in class name or data attribute?

In my HTML code, I have some variable placeholders defined in element's class name or data attributes. For example, consider following code block, When I load this in the editor, it removes them and I can't get them back while exporting the code via editor.getHTML(). So, the result of above code is as below, If you se...

artf

The escape function is applied in the Selector model. I think it might be a good idea to provide some option as a custom escape strategy.

#1702January 2, 2019by SeongwoonHong1 answer
0 reactions

[Question]How to get rte selection inside the result function

I'm basically trying to put an input fieldinside the RTE so that users can make link more easily. console.log(<a href="#">${rte.selection()}</a>) inside the result function is returning an empty anchor tag like this <a href="#></a>. I've tried everything.. even store the rte.selection() value to the global variable in...

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.

#1701January 2, 2019by B-Esmaili2 answers
0 reactions

Provide a way to filter toolbox items AKA(blocks).

with minimal set of blocks involved it doesn't make much sense to have a toolbox filter, but as the number of toolbox items grow it makes a lot of sense to have a filter on top of toolbox. other thing annoying me is lack of auto-scroll when dragging elements up or down on the canvas.i would appreciate any commitment a...

artf

Hi @B-Esmaili for the filter you can create your UI (panel, input for the search, etc.) and use the block's API to filter them (example https://github.com/artf/grapesjs/issues/499#issuecomment-343482511)other thing annoying me is lack of a...

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.

#1700January 2, 2019by hemanthmc3 answers
0 reactions

Grapesjs-react

how to load an html file while starting the GrapesJs-react- editor I tried in this way but it is not working, editor.StorageManager.add('local', { load() { 'template.html' }, });

arthuralmeidap

You could use the editor.setComponents to load the HTML. Here you can see an example: https://github.com/artf/grapesjs/wiki/API-Editor#setcomponents You will need to get the content from the HTML file first.

artf

To be honest @hemanthmc , by lookings this: I'm not sure you even know what you're doing... Start from the beginning: https://grapesjs.com/docs/getting-started.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.

#1699January 2, 2019by narendravaghela3 answers
0 reactions

[BUG] Link elements are not copyable/deletable

In the editor, if we have link element with some classes, the editor does not allow to copy/delete the element. GrapesJS version: v0.14.50Steps to reproduce:Open https://grapesjs.com/demo.htmlImport following simple link tagSelect it and click on copy icon or delete icon from the toolbar @artf Could you please suggest...

narendravaghela

Can someone please help on this issue?

artf

For now, init the editor with this option: in the next release I'll adjust the default value

narendravaghela

It is working now. Thank you @artf

#1698January 2, 2019by momu-20163 answers
0 reactions

how to Set multiple options to data-gjs-droppable

as i know , ican set data-gjs-droppable=".row-cell" ,but how can i Set multiple options

v8jupiter

Hi. You can use a query string as with draggable.

momu-2016

Hi. You can use a query string as with draggable. thank you ,but I'm a novice. Can you give me an example?

artf

@momu-2016 data-gjs-droppable=".class1, .class2, .class3"

#1697January 2, 2019by chiqui3d3 answers
24 reactions

Implement TinyMCE and disable RTE

I'm trying to apply tinyMCE as a replacement for RTE, but I'm doing an impossible task, I'm following the same steps of the plugin CKEDITOR(https://github.com/artf/grapesjs-plugin-ckeditor) but without any result. I have also thought about rewriting the text component, but it would be too much, since the text componen...

GoodPHP

Hello, look on new RTE: Tinymce 6 - https://gjs.market/products/tinymce-6-inline-text-editor Froala - https://gjs.market/products/froala-inline-text-editor

artf

Unfortunately, due to this issue https://github.com/tinymce/tinymce/issues/4629, it's not possible to implement TinyMCE, indeed the wrapper of the grapesjs is inside another iframe and the formatting doesn't work (only undo/redo buttons wo...

adamyarger

@chiqui3d im a little late to the party, but I did get the cutomRte working with tinymce. In order for tinymce to work with iframe you have to pass in the context of the iframe window and document. I added to the tinymce config in @artf ex...

#1696December 31, 2018by muhamdgomaa283 answers
0 reactions

Traits appear first time when draged custom component

Hi artf , i have created custom component and add traits for it , when dragging this component to editor and select it the setting traits work correctly . the proplem is when draged the same component behind the old component to editor and select setting traits the default traits will appear ( id , title) only , this...

artf

Please create a live demo of this issue

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...

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.

#1695December 30, 2018by ahmedeldeeb25-zz3 answers
0 reactions

Adding new trait to Video component

I want to add a new trait for existing VIDEO '' component. I follow the docs and I didn't find what I want. Now I got the new trait added to the VIDEO component, but the existing traits are gone, I need some help, Thank you so much Here is what I've tried so far: https://js.do/code/273166

artf

Extend the video type not the default one and be careful with your isComponent method, you're returning return {type: 'input'};

ahmedeldeeb25-zz

@artf thank you for your response, I've tried what you mentioned but didn't work,now my new trait is not even added https://js.do/code/274228 could you provide a demo for the solution, please?

ahmedeldeeb25-zz

@artf I do the same thing as you mentioned with MAP and LINK components and it worked, but it didn't work with VIDEO component