#2673March 20, 2020by qtarant2 answers
Hello. I am developing a site using this amazing software. Now, I am customizing the editor and I have found a task that I am not be able to carry on. I am using the ckeditor plugin and it works as expected. In the ckeditor toolbar I have the option of insert images inline the text. It works well, but the problem is t...
qtarant
I have already solved my problem. The key code is the event "rte:disable" that is fired when the Rich Text Editor (rte) is closed. And another important thing is that the content that it has been edited is not in the component model, only...
pouyamiralayi
@qtarant check out #2537 comment Cheers!
#2672March 20, 2020by alimurad522 answers
I am using the version: 0.14.57 with React 16.8.6. When I use the function editor.getCss() it returns me the css but without the vendor prefix. For example, I add the following css .product-card { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } it returns me .product-card{ transition-duration:0.2s; tra...
artf
Use this https://github.com/artf/grapesjs-parser-postcss
alimurad52
Worked like a charm @artf ! Thank you so much!
#2671March 20, 2020by TrungLeIT2 answers
I want to add more Structure sector as below : // Add Settings Sector var traitsSector = $('<div class="gjs-sm-sector no-select">'+ '<div class="gjs-sm-title"><span class="icon-settings fa fa-cog"></span> Settings</div>' + '<div class="gjs-sm-properties" style="display: none;"></div></div>'); var traitsProps = traitsS...
artf
At the moment you can render only one container of traits, so you can't split them
gunslingor
I'm confused about the demo and this answer. Why is it that I can configure the general, dimension, etc sections at init but not Settings/Traits or others. Also, you can't add arbitrary sections to the presets during init? I'm surprised, e...
#2670March 19, 2020by kohki-shikata1 answer
I added my block like this below Then drag this block and drop to canvas, and show HTML code with export-template command. 👆OK, this is what I expected. BUT, HTML class doesn't appear on the element inside of the editor, so it's not applied style for .main-title. <img width="793" alt="スクリーンショット 2020-03-20 2 36 53" sr...
artf
Classes should be placed in classes
#2668March 19, 2020by dilancastillo1 answer
I am using grapesjs in an asp.net core project and I need to put the grapesjs editor in multiple views. How can I put the editor in several views with different templates? I am using grapesjs-preset-webpage preset
artf
Sorry but this is the wrong place to ask questions not strictly related to the core library. Try with Stack Overflow
#2667March 19, 2020by sampathrajs3 answers
am trying to add google fonts in web-builder to change the font style for that to import am adding cdn in editor the code works in chrome and safari but firefox not working createLinkElement(fontFamily) { let link = document.createElement("LINK"); link.setAttribute("rel", "stylesheet"); link.setAttribute("href", https...
artf
I've made the issue template for a reason
sampathrajs
I've made the issue template for a reason i want to add custom fonts in web builder could you please help me out
RutujaBadbe
Hi! might be very late to comment but have you tried this? - const link1 = document.createElement('link'); link1.rel = 'stylesheet'; link1.href = '/page-builder-assets/css/style.css'; canvas.getDocument().head.appendChild(link1); it worked...
#2666March 19, 2020by siddisking2 answers
Hi, I wanted to add a trait that enables me to edit the heading tag of a component. I was able to achieve that by following below code I found the solution on this issue But it does not allow the component to be edited when it is double-clicked. How to enable the editing of the heading component like the text componen...
artf
Your component should extend the text one
amitbhoj777
I want add multiple addType text, but I am facing an issue the last one which i added it will take only.??
#2665March 19, 2020by darylamonica3 answers
Is anyone else having this problem? Or resolved it? Editing on a tablet seems reasonable. While using a mobile device I cannot get the keyboard to display when trying to edit a text field. Even using the grapes touch plugin does not help. There is an example here: http://jsfiddle.net/v9kecdpz/
bgrand-ch
Hello, For future questions or technical issues, which aren't bugs, GitHub's Discussions tab is the place to be. Don't forget to close this issue if it is resolved or write a new detailed message in Discussions -> Q&A category (and close t...
darylamonica
Is there something else I can do to get a response? I included a demo jsfiddle. Many answered questions don't have an example. So, what am I doing wrong?
artf
Give more information about the device (OS, browser, etc.)
#2664March 18, 2020by Podvodila2 answers
I'm trying to implement multiple pages as per discussion in that issue - https://github.com/artf/grapesjs/issues/1331 But when I trying to get components tree by using 'editor.getComponents()' it returns data with wrong format(model collection I guess). When I try to set components using the editor.SetComponents metho...
Podvodila
Need to stringify and parse back returned components(works only if components were set programmatically initially) JSON.parse(JSON.stringify(editor.getComponents())) https://jsfiddle.net/w1497xp8/ Upd.: same with editor.getStyles() method
artf
Yes, this is the correct way to obtain the same string of the StorageManager
#2663March 17, 2020by h3llomoto2 answers
Hi there, I get an error on a keypress at canvas without RTE enabled. Uncaught TypeError: Cannot read property 'hasFocus' of null node_modules/grapesjs/src/canvas/index.js:544
artf
What do you mean by without RTE enabled? I'm not able to reproduce it. Create a live demo with all the necessary steps, please
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...