#2233August 30, 2019by ovesyan191 answer
Hi! Thanks for the great library! I am using webpage plugin and what I am interested in is editing text. I know that this functionality is already in there and we can edit text by double clicking on it, but how can I do it separately? like having an additional dropdown on the right pane where "General", "Typography" e...
artf
You can add a custom Trait which updates the component content (component.components('<span>New content...</span>')) on input change
#2232August 29, 2019by jeff-panart2 answers
Hi, Locally installed GrapesJS and the addon 'preset-webpage', which gets me a basic layout with some blocks. One of those blocks is the video block. I can drag&drop a video on the canvas, but am not able to set a youtube url. In the demo I see, in the right sidebar, a Settings option. I'm missing that one in my insta...
artf
No, the video component is part of the core, so if do this editor.addComponents({ type: 'video' }) even without any plugin you should see the video traits correctly
jeff-panart
Hi artf, Hmz, then I think I did something else wrong.. adding the editor.addComponents line, doesn't make any difference. In my index.php I only have a div with gjs as id, and here I also call some assets (stylesheet and grapesjs script f...
#2231August 29, 2019by ramusesan3 answers
FYI: am using 0.15.3 i have loaded a html component into editor and saved for multiple times i noticed that how many times we load /edit and save the same html component that many times the css are appending even with same id, class etc
vinceumo
I have the same issue, I create a small codesandbox https://codesandbox.io/s/snowy-wave-85dxo?file=/index.js Steps to follow,Look at the default exportClick on the flask icon, edit some propertiesLook at the export, you should have * and b...
makkaronis4e
I bet you’ve changed this parameters: You save wrapper all the time
ramusesan
i didn't changed any properties (i.e exportWrapper , wrapperIsBody:) even i dunno where these properties are exist , can you tell me where i can see this properties and change the value of it
#2230August 29, 2019by fmr4111 answer
Can i load data from variables, not from the server, like var datajson = editor.store(); editor.load(datajson); I've learned (https://grapesjs.com/docs/modules/Storage.html#storage-api), but still did not understand examples if they included the new logic to load the data, Thank You
artf
You can use editor.setComponents and editor.setStyle
#2229August 29, 2019by fmr4113 answers
can I ignore the select component in the undo or redo process?
artf
Nope, right now is quite hard to avoid
Franci5co5aoco
can I ignore the select component in the undo or redo process? Hi @artf any update on this? Thanks!
artf
https://github.com/artf/grapesjs/discussions/4226
#2228August 29, 2019by kickbk3 answers
@artf, could we please get the Invalid target position: Target collection not found, Target is not droppable, accepts [undefined], Component not draggable, acceptable by [undefined] to return values instead of [undefined]in the next release? I realize it's just a warning and not a top priority, but would be nice to ha...
artf
Unfortunately, the Sorter instance (the one which creates that warning) is the one we have to refactor (the code is old and has other bugs), it's already in my todo list, so I hope to update it soon. For now, I can only check for undefined...
navewi
Hello anything new on this? I have the same warning now and i can't drop the image block. Invalid target position: Target collection not found, Target is not droppable, accepts [undefined], Component not draggable, acceptable by [undefined...
artf
@navewi, unfortunately, didn't have time to work on this :/
#2226August 28, 2019by tliscomb2 answers
I have created a custom component & block which is used to display/embed uploaded files. I have defined traits for this component see below. When a new file is uploaded I need to update the options of the selected-src trait so that the user can use the select in the settings panel to select the file to be displayed. A...
pouyamiralayi
Hello! you must attach a listener for the file property, so whenever it changes to a new value(file), your listener will append it to the end of the options: NOTICE here i am listening to the changes on the selected-src itself, for your ca...
artf
Yeah the key part proposed by @pouyamiralayi is here This is how you update traits at run-time (more about this here)
#2225August 28, 2019by mogolola3 answers
Hi, The events mechanism seems have changed a lot since release 0.15x. For example, normally when we want to prevent the default button behavior, we will use "return false" at the end of the callback function, but this doesn't work anymore in this release (no matter what you return), I have to call "event.preventDefau...
mogolola
Also, events like "blur", "focus", (bascially everything except "click") don't work in backbone events configuration (by that I mean view events in backbone: https://backbonejs.org/#View-events ). for example: if I attach a callback to a "...
artf
Can you please provide live examples of what was working in previous versions and what it doesn't now?
mogolola
Example 1: Example 2: When I try to attach event listeners, only callback to the click events can be called
#2223August 27, 2019by benvmatheson2 answers
If styleManager is left out of the configuration, the default includes text-align with icons showing the choices. If I include a styleManager configuration and add text-align, it uses words instead. Should this be the case since it's a "built in" property, or do I still need to manually add the icons?
ramusesan
hi @benvmatheson all you have to do is include fontawesome in your project and add the class Names reference for font awesome: https://www.w3schools.com/icons/fontawesomeiconsintro.asp i.e _if you want to put your own icons also its possib...
artf
@benvmatheson I preferred not to bind the font-awesome dependency (that I still hope to remove soon) to the property factory
#2221August 27, 2019by nikhilmate3 answers
WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUse the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....Do a quick...
smik3
Yeah, after 3-4 re-writes I've managed to get to the approach there, haha. Would it be possible for that snippet to be added to the docs? It's taken a few days of searching through issues to see that it is even possible to pass an array of...
artf
https://grapesjs.com/docs/modules/Blocks.html
smik3
I am also getting really confused about this. For example, how do you decide where to put the html markup, in the block content property or in the component view property? Also in the basic-blocks plugin it defines rows/cells as classes in...