#2354October 24, 2019by kiril-malyhin1 answer
Hello everyone! I was fighting for few hours, so maybe someone can help me. I want to use native styles for scrollbars in editor. But as soon as those styles are set from grapesjs.min.css I have no chance to reset them to browser default. Do you have any ideas, how I can achieve my goals? Thanks in advance!
artf
Unfortunately from what I know, scrollbars are quite particular (are not even part of the DOM) and once a custom style is detected you can't force the redraw to the original. The only solution would be right now to build your own custom gr...
#2353October 24, 2019by logeshkrishna03 answers
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...
logeshkrishna0
@pouyamiralayi, Are you saying that you wont form the new div when eneter is clicked, but when you try to save it, it would consider that space or next line as new div
logeshkrishna0
@pouyamiralayi It also happen in the new version have check using the inspect element it add a div each time when click enter in text block
logeshkrishna0
Is there a reason why when inserting text a new div is created for every break instead of a standard <div class="c4840">Insert your text here. I hit enter <div data-highlightable="1">a new div is created </div> <div data-highlightable="1">...
#2352October 24, 2019by bitfactory-angelo-vancleef1 answer
Hi, cannot find anything on the internet, but I was wondering if it would be possible to have autocomplete in the menu when changing attributes? e.g. a field to edit a block's content, when typing it will give auto suggestions... Is this even possible and if so, how can this be done?
pouyamiralayi
Hi! you can make your own custom trait and for that trait you can use something like Selectize.js or other libraries alike that suit your needs. cheers!
#2351October 23, 2019by bitfactory-angelo-vancleefNo answers
Hi guys, first of all excellent work! I tried following the tutorial but I am unable to understand how to add a custom block, to which after selecting it the user can fill in parameters (name and title for example) from the menu on the right. I read about blocks, components and traits but I fail to understand how to w...
#2350October 23, 2019by AbdiasM3 answers
I have added a custom button to the Panel as below: const pm = editor.Panels; pm.addButton('views', { id: 'customButton', className: '', command: { run: function (editor) { alert("Hello"); }, stop: function (editor) { } }, attributes: { class: 'fa fa-address-card-o' }, active: false, }); I would like to add custom ele...
pouyamiralayi
@AbdiasM @ko06 sorry for being late on this! based on #277 Cheers!
hc0127
Hi, @pouyamiralayi . thanks for your post. I got custom view container. But I wanna use react components on that part. Is it possible? if so, Please help me.
#2349October 23, 2019by HarryChristianR1 answer
Hi, the <a href="https://github.com/artf/grapesjs-code-editor/">code editor plugin</a> only limits me to preview the HTML & CSS and if I try to add <script></script> .. it's gone?
giorgiosjames
Do you have allowScripts enabled for your editor? const editor = grapesjs.init({ ... allowScripts: 1, });
#2348October 22, 2019by ney11No answers
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...
#2347October 22, 2019by suchiitsme3 answers
I have to remove badgable to all the components. I have added this on editor.init domComponents: { wrapper: { badgable: false }, }, Still not working. Please help
niveth09
Hi @suchiitsme, I am facing the same issue. Can you tell me how did you fix that?
suchiitsme
OK. I have fixed this
elquchiri
@niveth09, the simple way is to hide the css class => https://github.com/GrapesJS/grapesjs/issues/2441#issuecomment-562992791
#2346October 21, 2019by frankpagan2 answers
Hey Grapes Community, When a component is clicked from within canvas is there a hook or event to know when the traits have rendered in view container for the selected component?
frankpagan
Perfect, Thank you!
pouyamiralayi
Hi there! When a component is clicked `component:selected` is the event you are looking for. more on this hereto know when the traits have rendered in view container based on the nature of the the suggested event, you will receive the mode...
#2343October 18, 2019by jeff-panart1 answer
Hi, How should one add a html5 video to grapesjs? I uploaded both a webm and mp4 file, added a video component on my grapesjs page and under Settings I chose HTML5 Source. Then I added the complete path to the video file. Only thing I get back is a black element, without any video. For test purposes I change the compl...
artf
Those video files should be served from the server (local or remote one), the browser shouldn't be able to read your local files for security reason