#2266September 12, 2019by suresh5No answers
0 reactions
Table Row Loop Parser issue
When i give like this , the parsers are moving out .How to fix this? thead {{#each}} th{{this}}th {{/each}} thead
GrapesJS Issues
Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.
3464 issues found
#2265September 12, 2019by raghuv91 answer
0 reactions
able to fetch my local html file using load url and getting status ok how can i load this fetched url into editor currently im getting blank screen inside editor
here is my code const LandingPage = { html: '', css: null, components: null, style: null, }; this.editor = grapesjs.init({ container: "#gjs", canvas: { styles: [], }, fromElement: true, components:'' , style: '', plugins: [], pluginsOpts: { "gjs-preset-webpage": {} }, storageManager: { type: 'remote', stepsBeforeSave:...
artf
@raghuv9 please, read carefully this guide https://grapesjs.com/docs/modules/Storage.html#setup-the-server You can't just request a document page, you HAVE TO CREATE a server-side script which outputs a JSON in a CORRECT FORMAT. And please...
#2264September 12, 2019by raghuv91 answer
0 reactions
how to load a remote url inside grapes js
this is how i tried to load my gitpage but its not working mounted() { const LandingPage = { html: '', css: null, components: null, style: null, }; this.editor = grapesjs.init({ container: "#gjs", canvas: { styles: [], }, fromElement: true, components:'' , style: '', plugins: [], pluginsOpts: { "gjs-preset-webpage": {...
jcarizza
Hello @raghuv9 first think that you cant make a request with AJAX because the CORS. Ypu need to grab the content in other way (maybe in the backend) and renderize in the editor with. editor.component(<your-content>).
#2263September 11, 2019by benvmatheson1 answer
0 reactions
[Question]: Is it possible to get CSS excluding protected CSS?
I'm attempting to build this: https://github.com/artf/grapesjs/issues/324 I've noticed that each time the CSS is saved, the protected CSS is prepended. This results in duplicate CSS rules:{ box-sizing: border-box; } body { margin: 0; } *{ box-sizing:border-box; } body{ margin-top:0px; margin-right:0px; margin-bottom:0...
artf
Use this option editor.getCss({ avoidProtected: true })
#2262September 10, 2019by raghuv93 answers
0 reactions
blocked by cors policy No 'Access-Control-Allow-Origin' header is present on the requested resource
hello i'm using grapesjs with vue wrapper i'm unable to load a webpage using urlLoad: of grapesjs im facing cors issue,i'm pretty new to grapesjs please help me out Thanks in advance . here is my code --------------------------------------------------------------------------------------------------------- import grape...
pouyamiralayi
hi! you need a rule set like this: in your server security policy with origin set to what ever address you deploy your grapesjs client, default to localhost in above case.
pouyamiralayi
and in your storageManager configuration change the params entry like this: cheers.
raghuv9
and in your storageManager configuration change the params entry like this: cheers. hi still im facing the same issue here is my code i have included all the changes suggested by you please let me know where i'm doing wrong mounted() { con...
#2261September 10, 2019by raghuv93 answers
3 reactions
load local html file into grapesjs
hello i am pretty new to grapejs i want to load a local html file in the assets folder into grapesjs editor ,pls tellme how i can load local html file thanks in advance .. here is my code ---------------------------- import grapesjs from 'grapesjs'; import 'grapesjs/dist/css/grapes.min.css'; import 'grapesjs-preset-ne...
pouyamiralayi
hi! beside reading the content of the file that heavily depends on your environment, (if you are in a node environment you can use 'fs' module), you can use editor.setComponents('your html content'). more info here cheers.
nikolabtt
Browser (GrapesJS is executed in browser) should not be able to access arbitrary file from host machine file system. If that was allowed, you would be able to add some JS to a web page and be able to steal files from your users. If you wan...
raghuv9
hi! beside reading the content of the file that heavily depends on your environment, (if you are in a node environment you can use 'fs' module), you can use editor.setComponents('your html content').more info herecheers. No actually i'm tr...
#2260September 9, 2019by olgertpysqyli1 answer
0 reactions
Drag and drop of selected text displays null
Hello, I have a problem with GrapesJS editor because when some text is selected in a component and when you drop it outside component it shows null or sometimes it shows the selected text and you cannot select or edit it. Could you please help me how to fix this problem so when I select some text the whole text compon...
artf
The issue seems to come from the CKEditor and we discussed it here #1797 so I close this one, reply there in case
#2259September 9, 2019by wire-rabbit2 answers
0 reactions
[Bug] Deleted Element Styles Are Still Saved
Expected Behavior: After deleting an element from the canvas that has received custom styles using the style manager, the deleted element's styles should no longer be saved in the styles JSON. Actual Behavior: The styles JSON retains entries for deleted elements on save. Steps to Reproduce:Fiddle based on the starter...
artf
Try to use the clearStyles option
wire-rabbit
That resolves the issue. Thank you!
#2258September 9, 2019by angelocala941 answer
0 reactions
Multiple Trait Manager Tabs
I know that I can use appendToproperty to append the Trait Manager into a custom element. But there is a way to create more tabs and divide traits into these tabs by a category attribute?
artf
No, there is no available API to do so, someone tried already to implement categories in traits but being poorly implemented https://github.com/artf/grapesjs/pull/1790 I couldn't accept For now, the only solution would be to play directly...
#2257September 9, 2019by eltoredo3 answers
0 reactions
[HELP] Responsiveness gone
Hello, I started a web page with GrapesJS from scratch. I was wondering why my forms and stuff aren't responsive like GrapesJS' demo. I can show code if necessary but I don't think it will be necessary. Do I miss a plugin or something that makes the page responsive? Do I have to start a project based on the current de...
artf
Well, it all depends how you implemented your forms. If you don't include the CSS for the responsiveness you can build it in the editor (by changing the device and then its style)
eltoredo
I changed the CSS directly in the editor, what do you mean by 'indlucing' it then? Oh, if I changed the style in the desktop mode, I have to do it for the two other devices as well? I thought that if I changed the style with percentages on...
artf
Oh, if I changed the style in the desktop mode, I have to do it for the two other devices as well? I thought that if I changed the style with percentages only, it would fit all the devices. Make a live demo of your example because it's not...