# How to customize WYSIWYG Editor

**URL:** <https://discourse.getcockpit.com/t/how-to-customize-wysiwyg-editor/3169>\
**Category:** Support\
**Created:** [March 17, 2025, 7:13pm UTC](https://discourse.getcockpit.com/t/how-to-customize-wysiwyg-editor/3169 "2025-03-17T19:13:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![mpenchenat](https://avatars.discourse-cdn.com/v4/letter/m/258eb7/32.png) [@mpenchenat](https://discourse.getcockpit.com/u/mpenchenat)\
**Post date:** [March 17, 2025, 7:13pm UTC](https://discourse.getcockpit.com/t/how-to-customize-wysiwyg-editor/3169/1 "2025-03-17T19:13:40Z")

</div>

Hello,

Is it possible to increase the size of the WYSIWYG field?  
Or to make it full screen?

I tried the followed code but it doesn’t work :

 ![Capture d’écran du 2025-03-17 20-58-45](https://canada1.discourse-cdn.com/flex030/uploads/getcockpit/original/2X/0/015e8ca816e75e1e26eec283615e88a811a20490.png)

No full screen possibility

 ![Capture d’écran du 2025-03-17 20-59-36](https://canada1.discourse-cdn.com/flex030/uploads/getcockpit/original/2X/a/ac61b8eaab0a0008c7743c4055b277e95a48da65.png)

Thank you,

---

<div class="post-metadata">

**Author:** ![Barcsix](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/barcsix/32/1527_2.png) [@Barcsix](https://discourse.getcockpit.com/u/Barcsix)\
**Post date:** [March 18, 2025, 10:45am UTC](https://discourse.getcockpit.com/t/how-to-customize-wysiwyg-editor/3169/2 "2025-03-18T10:45:16Z")

</div>

Hello, it seems like the editor plugin was changed and so the documentation is not up to date.  
You can change the WYSIWYG editor’s height this way under the Options tab. I also add the toolbar buttons available (that’s all I found) :

```auto
{
  height: '1000px',
  toolbar: 'format | alignLeft alignCenter alignRight | link image | listBullet listOrdered | table hr | bold italic underline strikethrough | subscript superscript | code highLight color | undo redo',
}

```

Tiptap apparently doesn’t offer any fullscreen option.

Hope this helps !

---

<div class="post-metadata">

**Author:** ![mpenchenat](https://avatars.discourse-cdn.com/v4/letter/m/258eb7/32.png) [@mpenchenat](https://discourse.getcockpit.com/u/mpenchenat)\
**Post date:** [March 18, 2025, 12:15pm UTC](https://discourse.getcockpit.com/t/how-to-customize-wysiwyg-editor/3169/3 "2025-03-18T12:15:41Z")

</div>

Thank you for your response 🙂  
It works perfectly 🙏

---

<div class="post-metadata">

**Author:** ![Sephen](https://avatars.discourse-cdn.com/v4/letter/s/ee7513/32.png) [@Sephen](https://discourse.getcockpit.com/u/Sephen)\
**Post date:** [July 30, 2025, 8:32am UTC](https://discourse.getcockpit.com/t/how-to-customize-wysiwyg-editor/3169/4 "2025-07-30T08:32:04Z")

</div>

Unfortunately the “code” does not work. Any ideas?

---

<div class="post-metadata">

**Author:** ![nadobydev](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/nadobydev/32/1474_2.png) [@nadobydev](https://discourse.getcockpit.com/u/nadobydev)\
**Post date:** [June 10, 2026, 10:39am UTC](https://discourse.getcockpit.com/t/how-to-customize-wysiwyg-editor/3169/5 "2026-06-10T10:39:38Z")

</div>

I’ve tried all the options, but the “HTML editor” does not appear.  
How do I enable it? Can someone help?