I've been looking for some explanation and I found that some email clients blocks CSS... I would like to know if is there some way to get editor's html with all css inline, like <div style="color:red; max-width: 100px"></div> instead of classes
chapterjason
Hey, There are some ways to do this. Read this to get a solution to use Juice For some more details I would read more in the docs about the storage-manager. Please use the search functionality next time. Cheer!
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.
Github clone code is having only single blank block. please check attachment of my local machine. please guide me how can setup on local machine. I'd just git clone https://github.com/artf/grapesjs.git after that install all the Extensions like https://github.com/artf/grapesjs-plugin-export using command: npm i grapes...
I have successfully contained div id="gjs" inside of another div container so that it would not take up the full screen. I am doing this so that my own navigation bars can be show above and to the left of the grapesjs editor. I have tweaked the height: '100%' value and found that to help, but I could not find a value...
artf
There is a width option if you want, but it should adapt correctly to the parent width. To get a better of what is wrong with your layout a live demo in jsfiddle would be great
bigd213
Thanks - My question was answered with the width option.
chapterjason
@artf I think there is something wrong with the no-response bot :smile:
Hi @artf , hands raised for this awesome product. I am trying to change the hover colour on hovering elements. I am also trying to give different colours and width to hovers on hovering different elements. Please help me to get this done. Thanks in Advance.
chapterjason
You can change the state for an element in the style-manager and then change the color and all the other properties. The editor will save then the properties associated to their state in css with all the #test:hover { ... } selectors.
perfect-coders
@chapterjason - Thanks for the reply. but this didn't solve my problem. I don't want user to select element and change the states. I want to change the colours, thickness permanently for the whole editor. Means it doesn't depend on the use...
chapterjason
@perfect-coders did you mean the style of the editor? Not the elements in the editor ?
@artf Wonderful newsletter editor and it is very user-friendly. Great Job!!! In my POC application, I fetch the newsletter editor content and then pass that as email body to SMTP for sending it respective recipients. To fetch the editor content I use editor.runCommand('gjs-get-inlined-html') code statement but since a...
artf
Unfortunately, it's a bug introduced by the 0.14.9 version, but already fixed and ready for the next release
artf
@mmeeeooowww you don't have that command inside the website demo
Hi artf, Please let us know how we get the countdown elements in edit mode means when we set the template html using editor.setComponents(templateHTML); then when we click on countdown element it displays the id and title fields not the Endzone and endText fields. I have tried a lot with setting model type as datetime...
artf
editor.addComponents('<div data-gjs-type="countdown"></div>') You can create a custom template by relying on data-js identifiers
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.
Hi artf, Please find the below video reflecting countdown issue: https://vimeo.com/266054022 Please review it once and let me know if need further assistance in countdown issue understanding.
artf
Duplicate of https://github.com/artf/grapesjs-component-countdown/issues/4
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.
Hi, I need to load content from a html file from server onto editor after or while initializing editor. How this can be implemented? HTML will have regular html content i.e HTML tag, script tags, css links and body content which needs to be loaded into editor. StoreManager api documentation is limited and looks like d...
artf
StoreManager api documentation is limited and looks like default load looks for a specific JSON structure with separate html, css as data. Because this is the right way of loading template data, but if this is the first time you load a tem...
suresh5
> StoreManager api documentation is limited and looks like default load looks for a specific JSON structure with separate html, css as data.Because this is the right way of loading template data, but if this is the first time you load a te...
artf
@suresh5 can you please avoid making requests on closed issues...
Hi artf, I have checked on live website, Countdown time is not working correctly as minute column accept only 0,1,2,4,5 digits only means it never show minutes after 05 minute values. Please review it once.
Deepak813
Hi artf, Please find the below video reflecting countdown issue: https://vimeo.com/266054022 Please review it once and let me know if need further assistance in countdown issue understanding.
Deepak813
Hi artf, Please find another example of video reflecting countdown issue: https://vimeo.com/266063785 Please review it once and let me know if need further assistance in countdown issue understanding.
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.
Hi, I'm using the latest version (grapesjs - 0.14.9). I have loaded an external HTML code to the editor. Then I tried to edit text within a DIV. But it is not allowing me. Try importing the below code to the Newsletter demo. You'll see that you can't edit the text. If you remove the image tag and import it again, then...
tommedema
This is due to https://github.com/artf/grapesjs/issues/1013
artf
@indikaanu83 subscribe to #1013 if you want to be notified when the issue is solved