Questions tagged [grapesjs]
GrapesJS is a free and open source Web Builder Framework which helps building HTML templates, faster and easily, to be delivered in sites, newsletters or mobile apps.
grapesjs
163
questions
0
votes
0
answers
9
views
How to upload documents using asset manager - GrapesJS
I want to create a custom block which can be used to upload documents other than images like pdf, docx, excel etc.
I have tried this code as below
gjs.AssetManager.addType('document', {
view: {
...
- 93
0
votes
1
answer
28
views
How to put custom icon inside GrapesJs panel button?
My code:
const sidebarTools = panelManager.addPanel({
id: "sidebar-panel",
el: ".sidebar__tools",
buttons: [
{
id: "add-block",
className: "tool__add-block&...
- 59
0
votes
0
answers
57
views
Grapesjs ckeditor plugin showing warning popup
When I click on edit text it shows a warning popup to upgrade it to 4.24.0-lts.
When I tried upgrading it to the specified version it gives below error.
pluginsOpts: {
"gjs-blocks-basic&...
- 93
0
votes
0
answers
42
views
Vue child component not mounting during rendering
const componentData = {
"label": "body",
"category": "default",
"children": [{
"label": "Droppable Component&...
0
votes
0
answers
55
views
Creating accordion or collapsible block in grapesjs
I want to create an accordion in grapesjs like the below image.
I have tried the below code but its not working.
editor.BlockManager.add('collapse-block', {
label: 'Collapse',
content: `
<...
- 93
0
votes
0
answers
46
views
Cannot set property defaults of #<o> which has only a getter on latest version of GrapesJS - grapesjs-lory-slider
Currenty i'm using grapes js v0.21.2. In this version grapesjs-lory-slider plugin throw a uncaught err Cannot set property defaults of # which has only a getter on latest version of GrapesJS. If ...
0
votes
0
answers
35
views
How to remove blank spaces in a jsPDF PDF when exporting a div from GrapesJS in React.js?
I am having an issue when exporting PDF content created with GrapesJS. There are blank spaces at the top of the page, and I have been struggling to find a solution for quite some time without success. ...
- 1
0
votes
0
answers
16
views
Whitespace Issue in Custom GrapesJS Component Extension
I've extended the default button component in GrapesJS to allow for editable text within the button. However, I'm encountering difficulties with whitespace handling. When attempting to add whitespace ...
- 163
0
votes
0
answers
55
views
GrapesJS removes onclick attributes, how to prevent it to do it?
I have an image gallery with a tiny JS to display the clicked thumbnail
<img src="https://sampleimage.jpg" width="800" height="800" onclick="sendimg(this);"/&...
- 1
0
votes
0
answers
21
views
Rewrite the default RTE actions toolbar
Using Grapesjs to create a custom Ritch Text Editor, I want to completly rewrite the RTE Actions bar, to make it always visible in one of my panels.
The problem is that when I select a text range in ...
0
votes
1
answer
138
views
How to create custom undo/redo buttons for GrapesJS template editor?
I'm working on a project using GrapesJS template editor, and I'm trying to implement undo/redo functionality with two buttons. Of course, the buttons I created do not have currently the undo and redo ...
- 134
0
votes
0
answers
26
views
Grapesjs Signature-pad (signature not saved in asset manager)
I'm integrating the grapesjs-signature-pad plugin into my GrapesJS RoR project. While the signature block appears, the issue arises after drawing the signature. It doesn't get stored in the editor's ...
0
votes
0
answers
45
views
Custom trait doesn't persist after page reload
I have a GrapesJs project that requires the video component to have a "muted" trait. It's part of the default attributes, but for some reason, the trait isn't there by default. So, I have to ...
- 186
0
votes
0
answers
68
views
Creating a GrapesJS editor with dynamic height to adjust for content size
I've been looking to create an editor using GrapesJS with a dynamic height that adjusts according to the content size. My goal is to have the editor expand its height as needed when content is ...
- 134
0
votes
0
answers
53
views
Custom Preview Function in GrapesJS Page Builder
I have successfully implemented a page builder using the GrapesJS tool, and it's functioning as expected. However, I'm looking to enhance the user experience by adding a custom preview function that ...
- 134