#1771January 31, 2019by Soharab-Shaikh2 answers
Hi, @artf When I try to use button type traits. It does not fire any function. Can you please help me with this. Can you please share an example of new traits type creation like "Button", not the "Content" one. traits: [ { type: 'button', label: 'Submit', name: 'blogsubmit', changeProp: 1 } ] .... init() { this.listen...
artf
Hi @Soharab-Shaikh you have to pass the command option (will be executed on click):
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.
#1770January 31, 2019by a-bashtannik3 answers
Hello I created very simple skeleton of GrapesJS editor. HTML template: Javascript: Result of loading: As you see, component is not rendered. But if I drop blocks manually, everything is ok: If I change template and set data-gjs-type attribute to <test-tag data-gjs-type="test-component-type"></test-tag> value, everyth...
artf
There are 2 issues:You forgot to specify isComponent (used in the parsing process)Currently, new component types are not working for the initial template, so the only way is to add them via plugins (I didn't find time to see why it's happe...
a-bashtannik
@artf , thank you for your answer, but I alsotried also construction with isComponent defined but with the same result. whatever, I implemented this feature via plugins as you mentioned. Have no idea why new component types don't work too,...
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.
#1769January 31, 2019by hemanthmc2 answers
I am integrating GrapesJs in react application. I am using npm packages "ckeditor": "^4.11.2", "grapesjs-plugin-ckeditor": "0.0.9" import React from 'react'; import { connect } from "react-redux"; import GrapesJS from 'grapesjs'; import CKEDITOR from 'ckeditor'; import gjsCkEditor from 'grapesjs-plugin-ckeditor'; clas...
artf
https://github.com/artf/grapesjs/issues/1764#issuecomment-460853741
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.
#1768January 30, 2019by Jogai3 answers
If I go to https://grapesjs.com/demo-mjml.html an try to drag an image into the editor I get an error about invalid target.
kickbk
See https://github.com/artf/grapesjs-mjml/pull/92
Jogai
Thanks, I'll close this and will keep an eye on the pr
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.
#1767January 30, 2019by arachnosoft2 answers
Hi @artf , I ran into a similar, if not the same issue as this one: #1327 While editing a text block, I click on an external button to get the contents of the canvas, without leaving the cursor from the canvas. At this point, if I call getHtml() or runCommand("gjs-get-inlined-html") (my grapesjs being loaded with the...
artf
Yeah, this is exactly how it works. I'll try to check if I'm able to merge the temporary state before getting the HTML data
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.
#1766January 30, 2019by hemanthmc3 answers
After Dropping the image inside the editor is there any plugin for GrapesJs to edit that image like Cropping , adding text on it .....
ronaldaug
@hemanthmc, you can use Aviary editor. Here is all GrapesJS plugins. https://github.com/artf/grapesjs#plugins
artf
Unfortunately, Aviary is dismissed so grapesjs-aviary doesn't work properly, but you can check its code to see how it was implemented
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.
#1765January 30, 2019by ghost1 answer
Hi just a quick question I've noticed that the dev branch is at version 0.14.52 but the master branch is still at 0.14.43 even though the documentation (https://grapesjs.com/docs/#why-grapesjs) states 0.14.52 as the latest and also the demo uses 0.14.52. What I'd like to know is if 0.14.52 is production ready and has...
artf
.. and has just not been moved over into the master branch yet Yeah, in this case, 0.14.52 is the latest
#1764January 30, 2019by hemanthmc3 answers
I need to add text styles and other text options so how to add CKEditor/TinyMC editor instead of RichTextEditor inside GrapesJs.
umerrinayat
@ronaldaug codpen link is not working. Can you please share your code again. Thanks
ronaldaug
I think you're missing something. I made a codepen demo here and it just works fine. You have to add CKEditor & CKEditor Plugin scripts , and set the config options.
ronaldaug
You can check "Replace the built-in Rich Text Editor" in GrapesJS doc here And there is a GrapesJS CKEditor plugin.
#1763January 29, 2019by poeeain2 answers
Browser = ChromeGrapesJS = Latest version ( 0.14.52 ) I am trying to create a block includes nesting content object with script, style, type properties. It works fine except adding <style> tag in the content. Issue If I create block content as a String like option (A) as below, CSS goes to CSS editor. But if I create...
artf
BTW, I think, for your case, a custom component is more appropriate
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.
#1762January 29, 2019by AkibDeraiya1233 answers
Hello @artf I am using grapes.js for my website-builder tool into my website. While i double click on any image the asset-manager will open and i can choose the image from asset-manager. Now thing is that i putted the conditions like once user will choose any image from asset-manager i will replace that img tag with d...
artf
You didn't show any code but I guess you've just edited DOM elements of the component when instead you should change its Component model data (eg. imgModel.set('src', 'base64....'))
AkibDeraiya123
Hello @artf Thank you for your reply on my query. I am attaching my code here, please let me know at where i am going wrong. So, basically above code will be run while user will double-click on particular image. In this function i am going...
artf
In this function right now i am changing the image src using jQuery which is working fine. But when i get editor.getHtml() It's not reflacted. ... @AkibDeraiya123 this is exactlly what I told you in my previous comment... DON'T EDIT the DO...