Hi @artf Our GrapesJs editor is running on http://localhost:5500/editor We want to publish it on front end on http://localhost:5500/ But on front end , the panels are showing and edit mode is on. How to disable edit mode and hide panels
artf
I'm closing this one as you have already opened the discussion here https://github.com/artf/grapesjs/discussions/3666
GJSBlock
Thanks for reporting this, @codingmachine16. Great question about How to publish layout generated via GrapesJS. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your sp...
grapesjs style manager has so many nice features, but it does not have a text property type, so why do not add it
artf
@aliibrahim123 if you don't specify any type, a simple text type property will be created :)
aliibrahim123
hallo i made a simple text proporty type this is the code styleManager.addType('text', { create({ props, change }) { const el = document.createElement('div'); el.innerHTML = '<input type="text" class="my-input" />'; const inputEl = el.quer...
GJSBlock
Thanks for reporting this, @aliibrahim123. Great suggestion about FEAT: style manager text type! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative...
Hi @artf , I have drag and drop multiple video tag same page and each one generated random number to ID attributes. Two things doubt, Frist one is that I tried updated sample video path to src video tag based on Id attribute but not working for me. How to update src to video tag based Id attribute? Second one is that...
artf
@san-123 please follow the issue template and create a reproducible demo because it's hard to understand what is wrong here
GJSBlock
Thanks for reporting this, @san-123. Great question about How to update src of video tag at dynamically?. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your spec...
Version: Version 0.17.19(grapesjs) Version 0.1.11(grapesjs-preset-webpage) Are you able to reproduce the bug from the demo?[ ] No What is the expected behavior? If I change a button name by changing the text in Component Settings for the button. The change should reflect in the Canvas as well as the html code in code...
artf
Hi @TRIGGEREDcoder there is an issue with the preset webpage plugin which references the old form plugin containing the bug. So, I'm closing this one as it's not part of the core and will update the plugin reference soon.
GJSBlock
Thanks for reporting this, @TRIGGEREDcoder. The issue with The form button name changes are not getting captured in generated html code appears to be a race condition or state management timing problem. This typically happens when componen...
Hi, @artf As i have read allowScripts:1 allow grapesjs to load scripts . when i load a LandingPage first time it works fine . it load all javascript. After this when i use editor.setComponents(html) or pageManager.select(pageId) for the same html string that used in LandingPage . javascript not work . appendOnClick:1...
GJSBlock
Thanks for reporting this, @NoumanAhmad-Braqsol. Great suggestion about [QUESTIONS] editor.setComponents(html) and pageManager.select(pageId) not load js scripts! While this specific feature isn't yet in the core API, there are several way...
If you double click rich text the cursor moves to start not at place where double clicked. Solution : https://stackoverflow.com/questions/12920225/text-selection-in-divcontenteditable-when-double-click/68496971#68496971 <- RUNNABLE ANSWER BY CHETAN
artf
PR is welcome
no-response[bot]
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...
GJSBlock
Thanks for reporting this, @Chetan11-dev. Great question about Rich text. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() eve...
Hi @artf i am new at grapes js i write a function to convert seleted text into link . it works fine. when i select the component type It say it is a text . After refresh the page it Recognize a link. but i dont want to refresh it . How to do this ? you can see above "Advantage" is a link now but in console it show it...
artf
Are you talking about the CKEditor or the default RTE?
WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...
codingmachine16
Hi @artf Hi, We are building a CMS using grapesJs. We have created componets for header, footer,products slider, different kind of banners. We have completed almost a Ecommerce site using grapesjS + React Js +NodeJs and Mongdb. We are able...
GJSBlock
Thanks for reporting this, @codingmachine16. Great question about *. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event li...
Hi , @artf I using CKEDITOR for add link into selected text it is working fine . i am using this code to add link it is showing as the above also if i inspect the src it show a link in dom as blow but when i getHtml() of component is show it as a span tag Why this happen . And how to resolve this issue . Please let me...
artf
@NoumanAhmad-Braqsol please follow the issue template when you open a BUG issue (indeed this is not a bug in the core but might be related to your ckeditor configuration), otherwise open a new Discussion
GJSBlock
Thanks for reporting this, @NoumanAhmad-Braqsol. Great question about link showing as span when getHtml() called. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for y...
There is what appears to me to be a UI bug in the Style Manager's Background control when working with the Body vs the other components. This issue is visible in @kuhelbeher screenshot from #2834 , but I will provide some simple steps to reproduce as well. Perhaps this issue is related to that problem. Go to https://g...
artf
Thanks Jim, yes it's actually the same issue, so I'm closing this one as a duplicate of #2834 I'll post updates there once it's fixed.
GJSBlock
Thanks for reporting this, @jlpatrick. The issue with Style Manager Background UI does not work correctly for Body/Wrapper appears to be a race condition or state management timing problem. This typically happens when component lifecycle e...