Text imported directly to the wrapper is not removed from the canvas with the component. To verify one can import simple texts multiple times to the demo and watch how they combine instead of replacing the previous one. Adding this seems to help: editor.DomComponents.addType('textnode', { model: { removed() { var el =...
artf
I don't follow your example, can you illustrate exact steps to reproduce, please?
neon12345
Go to the newsletter demo at https://grapesjs.com/demo-newsletter-editor.html and use the "Import template" function with simple text like "hello" but no html (or combine it with html and text on the root level). Repeat this and the text o...
artf
Thanks @neon12345, I was able to find the issue and it should be fixed in the next release
Version: 0.16.12 Are you able to reproduce the bug from the demo ? [ ] Yes [x] No (it does not include a custom RTE) What is the expected behavior ? When using a custom RTE, the generated / exported code should correspond to the RTE's generated code What is the current behavior ? The generated code corresponds to the...
artf
Your solution seems to be correct 👍 a PR would be really helpful
I have a problem with a custom setup where the canvas iframe is moved around with js. The "editor.refresh()" call does not fix the positioning of the tools after the move. I think the problem is due to the offset cache not cleared on refresh. If I call this before refresh, the tools are positioned as expected: editor....
artf
@nedim1511 can you please provide a reproducible demo, please?
neon12345
https://jsfiddle.net/3gqh6p5a/ Click select the "Hello World" and drag the vertical splitter to the left to resize the split window. The "editor.refresh()" called on dragEnd should align the tools but it does not seem to work. It is more o...
artf
On my local copy, your example works correctly so probably in the next release it will be fixed
Version: 0.16.12 Are you able to reproduce the bug from the demo? [ ] Yes [x ] No What is the expected behavior? Reset window content of current frame view Describe the bug detailed I want to implement a component to help user do certain action by attaching event to widow (ex: scroll or resize event) or add some data...
artf
You can get the canvas inner window in this way editor.Canvas.getWindow()
We have a requirement of both writing articles, landing pages and writing articles more like landing page as well. So we thought GrapesJS would best suit for us but we want to know that, Is this framework would good for Content Editing as well like TinyMCE / CKEditor experience? Because CKEditor / TinyMCE is text area...
artf
Using GrapesJS only as a WYSIWYG editor probably is an overhead as it would require more time on configuration, but for sure it's possible as internally there is already an RTE module (the default one is probably too much simple but you ca...
Steps:Open fiddle https://jsfiddle.net/x2g03d58/ with simple markup <a id="ic72">Link</a><a target="_blank" id="is3u">Link</a>Select first link (which doesn't have target attribute) on canvas.Open Component Settings panelCheck the value of "Target" attribute Expected result:Value "This window" is shown Actual result:E...
v0.16.18 (also tested v0.16.22) Are you able to reproduce the bug from the demo? [X] Yes [ ] No What is the expected behavior? grapesjs should behave correctly inside a scrolling element Describe the bug detailed When grapesjs run within a scrolling parent element (except for window), the canvas does not clear it's of...
artf
Thanks for the report @metatick are you able to confirm if it's the same issue as #2722? In that case, this should be closed (but might worth reporting the same codesandbox).
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...
Version: 0.16.18 Are you able to reproduce the bug from the demo? [x ] Yes https://jsfiddle.net/triawarman/tmcoqxhp/ What is the expected behavior? When drag "caption" block to canvas, will add element <caption>Insert text here</caption> What is the current behavior? Adding text "Insert text here" directly to the canv...
artf
Actually, HTML allows <caption> only inside <table>s (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption) so, the parser will always convert it in a text node, indeed the real issue is not the caption but the render of the t...
ghost
hy @artf thanks for your reply. actually after <caption> problem, i found another problems with table, i cant drag and drop <tr> to the <table>, and <th> <td> to the <tr> the demo code is here: https://jsfiddle.net/triawarman/tpnco4v6/ i f...
Steps:open newsletter demo at https://grapesjs.com/demo-newsletter-editor.htmlclean the canvasdrop "Text Section"select any word within H1, e.g. word "title"press Bold modifier once or twice Expected:Selected text became non-bold Actual:Text remains bold Those steps above are for CKE editor, which is now enabled on ne...
robsonsobral
This looks like a flaw of logic to me. <Hn> elements aren't bold, but titles. As you mentioned, even the browser native execCommand, used on built-in editor, doesn't know what to do. @fedulovivan, do you have a suggestion of a possible HTM...
fedulovivan
Hi, @robsonsobral An html, generated by built-in RTE is correct: Original: <h1>Insert title here</h1> After making word "title" non-bold: <h1>Insert <span style="font-weight: normal">title</span> here</h1> The problem is it's not rendered...
robsonsobral
I dig a little into this. After the blur event, the markup changes from <span style="font-weight: normal">title</span> to <span data-gjs-type="default"><span data-gjs-type="text">title </span></span>. If I try again, it becomes <span data-...
Steps to reproduce:open newsletter demo at https://grapesjs.com/demo-newsletter-editor.htmlclean canvasplace "1/3 section"place "Image" in the middle columntry to resize image - works correctlymove selection to images's parent with click on upper arrow - resizing frame was moved to table cell which is incorrect. actio...