#1937April 2, 2019by Josephaberry542 answers
Is there a way to use a custom button for the close preview button? I can style it using css but wondered if there was something more direct in the api Also I cant find a way to set the width of the views container when using an asset manager. Cant be dragged wider by user and cant find anything in the api to do with...
artf
You can update or completely replace the preview command
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.
#1936April 2, 2019by artf3 answers
Hi guys, this issue is an overview of what is it, what is done, what to do and nice-to-have to complete the Designer Mode feature.Preface So let's start by describing what is it and what is the goal of this feature. The Designer mode should allow the user to drag components freely around the canvas, without HTML fixed...
artf
Quick update, from the https://github.com/artf/grapesjs/releases/tag/v0.15.3 you can start using these new Drag Mode APIconfig.dragMode - The initial configuration for the global drag modeeditor.setDragMode - change the global drag mode of...
artf
@simplecommerce When clicking on device modes, if using absolute positioning, would create the styles only for that mode, it would make it easier to build responsive pages, as you could toggle between the device modes and position your ele...
artf
@sunhillbd yes, but probably it's my fault for not being totally clear about the point. Basically, what you see in the demo is an example of mixing static position with absolute one, when you click on the drag icon you detach the component...
#1935April 1, 2019by Amir28282 answers
Hello all, I have encountered a problem when trying to add 2 plugins together for example: grapesjs-preset-webpage and grapesjs-plugin-ckeditor. I downloaded both via npm, imported them and added to the plugin field at grapesjs.init. this.editor = grapesjs.init({ plugins: [ckEditorPlugin,grapesjsPreset], ... }) For so...
artf
add CKEditor library...
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.
#1934April 1, 2019by Nagavijay-kolla2 answers
I want to add a unique class to each and every element in web builder while loading or importing a template into web builder. Is there anyway to add it?
artf
Take a look at Available Events
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.
#1933April 1, 2019by Fi1osof3 answers
You're submitting a FEATURE REQUEST Good day! Can you create CANVAS view with render without iframe? For render editor directly into some HTML-node.
artf
Can you create CANVAS view with render without iframe? No, iframes allow us to keep CSS isolated and trigger media queries, there is no reason for us to find a way to not using themFor render editor directly into some HTML-node. Just rende...
Fi1osof
It's a pity. I partially redid it without a frame, but did not fully achieve the result. In the case of a frame, the rendering of the react components breaks down. I had to write my own component. But now with component rendering everythin...
Lakshit-Singhal
It's a pity. I partially redid it without a frame, but did not fully achieve the result. In the case of a frame, the rendering of the react components breaks down. I had to write my own component. But now with component rendering everythin...
#1931March 28, 2019by sanjib002 answers
Hi @artf , How can I insert image inside the link? Please share your ideas what I need to do. If I need to create any custom component, please share some code. Thanks
artf
On the demo, you should see the 'Link block' which is made for this purpose
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.
#1930March 28, 2019by rikoyudiansyah12 answers
I have an input trait, I want to change the 2 attributes (name and type) on the selected input element, on canvas is appropriate, but in the final html(editor.getHtml()) it doesn't work, I've read https://grapesjs.com/docs/modules/Components.html#define-new-component but I didn't find a solution, Thank's
artf
You should change the model and not the view element this.model.setAttributes({ 'data-attr': 'value' })
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.
#1929March 27, 2019by sakshigarg93 answers
I'm using the pencil icon to trigger the asset manager. The triggering works fine but when I click on any of the images, no change is reflected in my image component. It shows me the existing photo even if I select a different image.
prashant2018
Click on the image you want to be replaced, in developer console write the following code snippet: You will see the selected image gets changed. The key here is target: editor.getSelected() , the selected image is treated as the target for...
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.
#1928March 27, 2019by Ericson19913 answers
Can I change the onclick event to hover when select objects and display a toolbar?
artf
You might need to extend the SelectComponent command (take a look at toggleSelectComponent method)
afdallah
@artf Is there any example on how to extend the SelectComponent?
artf
mmm not really, I hope to publish soon a general doc about Commands. BTW it's just about getting the command (https://grapesjs.com/docs/api/commands.html#get) and overwriting its method
#1927March 27, 2019by edward18933 answers
I have a button with the show-left command, I want to make when the button is clicked a second time (or more) remains active, but when running Sender.set ('active') in the stop function, there is a loop on stop so that an error appears Maximum call stack size exceeded First click Second click My Commands
artf
Create a reproducible demo, please
edward1893
I have 3 buttons, I want when the button is clicked for the second time (or more), the button remains active, for example, when first clicking on the layer, the layer button becomes active, if clicked again the layer button will remain act...
artf
use togglable: false instead of togglable: true