#602December 2, 2017by michaellwatson2 answers
Not technically an issue but I'm looking for a way to replicate the "code editor" feature in Click Funnels, where there is a block that opens an editor. Don't want to start getting too creative as I think there is a way to do this inside grapesjs (probably). If not I can start writing one, but thought I should check b...
NorthstarTech
https://github.com/ryandeba/grapesjs-html-block. check out this plugin. It helped us to write our own block that provides a similar function but with HTML.
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.
#601December 2, 2017by Deepak8133 answers
Did we get the Custom HTML type in video traits so that user can able to enter the iframe code and it will embed in the html. As,all the famous editor have this feature which is common one in video category. Is this video traits is in roadmap. As we have created this new component but that conflicts with the existing...
ryandeba
Hi @Deepak813, This doesn't really sound like a video component to me if you let users enter in whatever iframe code that they want. If the component lets you enter custom "iframe code", it seems like it would also let them enter some non-...
Deepak813
Hi @ryandeba, Thanks for the message. The exact scenario in Custom HTML type in video is very simple.If user enter any non-iframe HTML then we will display the error message just as shown in vimeo video type or if user enter any iframe HTM...
ryandeba
Thank you for the additional details @Deepak813 - I think I have a better idea of what you're trying to accomplish now. I would still be interested in seeing an example if you have one available. In the meantime, I will give some thought i...
#599December 1, 2017by attaalive3 answers
Hi I want to add new devices with both width and height, Is there any way I can do this? An other issue is that when I give width of device in inches instead of pixels then its margin property of editor does not work. Please help me on this. Regards
artf
Hi @attaalive I'll add the possibility to set the height of devices in the next release. Honestly, I don't get what do you mean by its margin property of editor does not work
attaalive
Hi thanks for your response. I have added a device with width and height. I have given the size of device in inches instead of pixels. Now Margin,Padding and positioning is not working. Please see the screen shot below. Regards
artf
@attaalive can you provide a live example (eg. jsfiddel)? Your screenshot is ambiguous on what exactly is not working
#598November 30, 2017by Geczy3 answers
Drag component to canvasDon't release mouseDrag back to blocks panelComponent is still applied to canvas It should instead cancel
artf
Drag back to blocks panel Honestly, never seen kind of UX... why not the classic Esc? (which works already)
artf
@Geczy Now blocks support HTML5 D&D https://github.com/artf/grapesjs/releases/tag/v0.13.5
Geczy
This is a very common UX anywhere you go https://w3c.github.io/html/editing.html#drag-and-dropHowever it is implemented, drag-and-drop operations must have a starting point (e.g., where the mouse was clicked, or the start of the selection...
#597November 30, 2017by DeathStapler3 answers
Hi, I'm trying to read the HTML and CSS from my database. When I try to load it into the editor, nothing displays. I can store the data just, just cannot load it. Is this the correct format for the data when you are loading it? Content-type Preview Response
DeathStapler
So when I set: contentTypeJson: true, resulting in: I can now load from the database. But, now it will not save, because it is sending the data as JSON. How can I send the data as POST variables, but receive it as JSON?
artf
@shareefhiasat I explain here how to use them https://github.com/artf/grapesjs/wiki/Storage#store-and-load-templates
duskhacker
@DeathStapler This is what mine looks like: The thing that jumps out at me at first is that assets, components and styles should be arrays, you have empty strings. The Content-Type is correct.
#596November 30, 2017by TrungPham3833 answers
fguslinski
Hi there, I solved this using the following configuration: grapesjs.init({ colorPicker: { appendTo: 'parent', offset: { top: 26, left: -166, }, }, }) Maybe you need to adjust the top and left positions for you, because I changed some sizes...
swarnat
I had exactly the same problem and thanks to your pointer to ColorPicker.js I was able to fix. Like artf say, the calculation of position is wrong, when editor is shown with a popup, like bootstrap modal. So I replaced the correction lines...
artf
Are you able to provide a live example of the issue? (jsfiddle, codepen, etc..)
#595November 30, 2017by ateshuseyin3 answers
When I move a block on the canvas before showing clone element, editor does nothing. Only move clone of the block symbol.
ateshuseyin
Any one have an idea?
artf
unfortunately, I didn't find the time yet to investigate this
ateshuseyin
Is this fixed?
#594November 30, 2017by absolution543212 answers
was thinking of converting this into angular app, I am able to add md- form components but iframe is not rendering any material view, however exporting it to another html file with angualr enabled understands this any leads on why angular material is not working inside iframe, even though angular's js files are includ...
duskhacker
Sorry, I can't answer your question, and I'm probably speaking out of turn; It seems to me that your time would be better spent on taking on some of the "help wanted" issues and bugs than forking this into the Angular framework. To me, it...
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.
#593November 30, 2017by NorthstarTech3 answers
I successfully replace richtexteditor to ckeditor in grapesjs. but there is a link button issue. The issue is that it is not linking correctly on the position. It moves to the starting position. The picture is shown here.
duskhacker
I had all kinds of problems with the CKEditor link editor. I gave up and disabled the link editor in CKEditor in favor of the link component that is provided by GrapesJS.
NorthstarTech
so there is no solution of link button in ckeditor? On Friday, December 1, 2017, Daniel P. Zepeda <[email protected]> wrote: I had all kinds of problems with the CKEditor link editor. I gave up and disabled the link editor in CKEdit...
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.
#591November 29, 2017by krunal0393 answers
I want to add hover preview for block under block manager before user add to canvas. is there way to achieve it?
artf
@krunal039 definitely is possible, but I'd say you have to make it by yourself as it's totally not an essential feature for the editor
krunal039
@artf thanks for reply. is there any event I can use for same? or it has to be out side of editor?