# Mail builder WYSIWYG (CKEditor) is finicky and unreliable

**URL:** <https://forum.mautic.org/t/mail-builder-wysiwyg-ckeditor-is-finicky-and-unreliable/31158>\
**Category:** Product Support\
**Created:** [March 5, 2024, 11:05am UTC](https://forum.mautic.org/t/mail-builder-wysiwyg-ckeditor-is-finicky-and-unreliable/31158 "2024-03-05T11:05:18Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![jakobpersson](https://avatars.discourse-cdn.com/v4/letter/j/5e9695/32.png) [@jakobpersson](https://forum.mautic.org/u/jakobpersson)\
**Post date:** [March 5, 2024, 11:05am UTC](https://forum.mautic.org/t/mail-builder-wysiwyg-ckeditor-is-finicky-and-unreliable/31158/1 "2024-03-05T11:05:18Z")

</div>

**Your software**  
My Mautic version is: 5.0.3  
My PHP version is: 8.1.27  
My Database type and version is: mariadb Ver 15.1 Distrib 10.6.16-MariaDB, for debian-linux-gnu (x86\_64) using EditLine wrapper

**Your problem**  
My problem is: The WYSIWYG editor in the email builder closes when you click outside the modal, losing changes. In some cases, all the contents are lost. I need to constantly save the contents to the clipboard to keep a backup.

These errors are showing in the log:

Steps I have tried to fix the problem:

---

<div class="post-metadata">

**Author:** ![marcus42](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@marcus42](https://forum.mautic.org/u/marcus42)\
**Post date:** [March 6, 2024, 3:02pm UTC](https://forum.mautic.org/t/mail-builder-wysiwyg-ckeditor-is-finicky-and-unreliable/31158/2 "2024-03-06T15:02:00Z")

</div>

You would probably get better results posting your comment on the project github (GrapeJS isn’t affiliated with Mautic)

Github page:

> **[GitHub - GrapesJS/grapesjs: Free and Open source Web Builder Framework. Next...](https://github.com/GrapesJS/grapesjs)**
>
> Free and Open source Web Builder Framework. Next generation tool for building templates without coding - GrapesJS/grapesjs

---

<div class="post-metadata">

**Author:** ![jakobpersson](https://avatars.discourse-cdn.com/v4/letter/j/5e9695/32.png) [@jakobpersson](https://forum.mautic.org/u/jakobpersson)\
**Post date:** [March 6, 2024, 3:11pm UTC](https://forum.mautic.org/t/mail-builder-wysiwyg-ckeditor-is-finicky-and-unreliable/31158/3 "2024-03-06T15:11:15Z")

</div>

GrapesJS doesn’t use CKEditor. Mautic uses CKEditor in a modal to edit the content of GrapesJS blocks. This modal can be closed by clicking outside.

I assume Mautic uses CKEditor to make it possible to include merge tags easily.

It would have been less error-prone to go with GrapesJS only. It supports rich-text editing inside DOM elements.

---

<div class="post-metadata">

**Author:** ![marcus42](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@marcus42](https://forum.mautic.org/u/marcus42)\
**Post date:** [March 6, 2024, 3:13pm UTC](https://forum.mautic.org/t/mail-builder-wysiwyg-ckeditor-is-finicky-and-unreliable/31158/4 "2024-03-06T15:13:41Z")

</div>

Good to know.

In that case you would need to investigate on that CKEditor project.

Still, in any case, wysiwyg editors were always bad at best - ahahah.

---

<div class="post-metadata">

**Author:** ![jakobpersson](https://avatars.discourse-cdn.com/v4/letter/j/5e9695/32.png) [@jakobpersson](https://forum.mautic.org/u/jakobpersson)\
**Post date:** [March 6, 2024, 3:17pm UTC](https://forum.mautic.org/t/mail-builder-wysiwyg-ckeditor-is-finicky-and-unreliable/31158/5 "2024-03-06T15:17:23Z")

</div>

I agree on WYSIWYG. They’ve always been a source of terrible markup since they manipulate the DOM and then generate HTML from it. But editors like Tiptap generate JSON which can be rendered as clean HTML – ideal for headless CMS. It’s a massive improvement.

> **[Tiptap Rich Text Editor - the Headless WYSIWG Editor](https://tiptap.dev/product/editor)**
>
> Develop rich text editor apps superfast ✓ From Notion-like to ✓ Google Docs functionality. Try Tiptap Editor for free!

---

<div class="post-metadata">

**Author:** ![marcus42](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@marcus42](https://forum.mautic.org/u/marcus42)\
**Post date:** [March 6, 2024, 3:19pm UTC](https://forum.mautic.org/t/mail-builder-wysiwyg-ckeditor-is-finicky-and-unreliable/31158/6 "2024-03-06T15:19:38Z")

</div>

Thanks for sharing (I’m also shopping for a better html builder. Doing my best to remain neutral on the subject. But Ooh! that one is bad - ahahah)
