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