[Question]: Is it possible to customize the editor completely?
Question
I really like GrapesJS functionality but I'm a little disappointed with the lack of options when it comes to the editor, it looks good by itself but sometimes I need something more customized and I couldn't figure it out yet.
Basically I need to hide the top panel, to change between "Blocks" and "Styles", I'd like to use other buttons on my interface, or maybe add tabs to the panel.
Is it possible? If positive, can someone give me tips to get this done? Thanks
Edit: Just saw @artf released v0.14.5 a few days ago, I think that's enough. Does anyone know if it works with the newsletter-preset?
Answers (3)
Hi @lorrandavid
It's definitely possible to custom the theme of GrapesJS - you just need to write some the appropriate CSS to fit you needs. Here's a quick, hacky jsfiddle that demonstrates a couple of the items you mentioned: https://jsfiddle.net/ntg9cspa/1/
Version 0.14.5 should work fine with the newsletter plugin. In fact, the newsletter demo appears to be using the latest version at this time.
@ryandeba I'm getting an error for TypeError: t.Panels.getButton(...) is null on line grapesjs-preset-newsletter:15:54147 which is:
t.on('load', function () {
t.Panels.getButton('options', 'export-template').set('attributes', {
title: a.expTplBtnTitle
})
...
How can I solve it? I don't have any 'options' panel
Currently I solved it like this:
editor.on('load', function() {
var panelManager = editor.Panels;
editor.Panels.render([
panelManager.removePanel('options'),
panelManager.removePanel('views'),
panelManager.removePanel('devices-c'),
]);
});
But I think it's not ideal, because it first shows the editor with all the panels them they get removed, is there a way to improve it?
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1639
[Question]: Would it be possible to have change settings under style manager in a way that it has href when a link is created?
I'm using preset newsletter with built-in RTE (do not want to use ck editor like the demo) In order to make any text to link, i need to cli...
Issue #769
Need further info to create backend for Asset Manager
I'm trying to figure out how to write a backend (in ASP.NET Core) for the Asset Manager. I've looked at a few of the Wiki pages, but still...
Issue #951
[QUESTION] Selection of custom components not possible from canvas.
Hey, I tried to figure this out by myself, but I'm feeling I'm going a little bit in circles. So I hope you will have some time to read thi...
Issue #1540
[Question] Is it possible to add event for preview?
I'd like to convert some texts when a user clicks the preview button. for instance, ((name)) (in the editor) should be 'David' (in preview...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.