# Customize Wysiwyg

**URL:** https://discourse.getcockpit.com/t/customize-wysiwyg/2466
**Category:** Cockpit v2
**Created:** [August 22, 2022, 8:14pm UTC](https://discourse.getcockpit.com/t/customize-wysiwyg/2466 "2022-08-22T20:14:38Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![WideCircle](https://avatars.discourse-cdn.com/v4/letter/w/ea5d25/32.png) [@WideCircle](https://discourse.getcockpit.com/u/WideCircle)
#### Post date: [August 22, 2022, 8:14pm UTC](https://discourse.getcockpit.com/t/customize-wysiwyg/2466/1 "2022-08-22T20:14:38Z")

</div>

Hi!  
I’m trying to understand how I can customize the wysiwyg-field toolbar.  
I’ve looked and tried what’s in the old documentation but I don’t know if it is the same.

Anyways I’ve tried a bunch of different ways of writing the code for the “options” field in the setting and none of it works…so it seems like I’m doing something wrong…

Could someone show a snippet in here I would be really grateful!

Cheers, niklas

---

<div class="post-metadata">

### Author: ![artur](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/artur/32/4_2.png) [@artur](https://discourse.getcockpit.com/u/artur)
#### Post date: [August 22, 2022, 9:29pm UTC](https://discourse.getcockpit.com/t/customize-wysiwyg/2466/2 "2022-08-22T21:29:27Z")

</div>

In the field options, you can use the `tinymce` property to override tinymce specific default options:

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/getcockpit/original/2X/0/02e4457c49cfd9f79cd52445e634cb59c69f9bc1.png)

---

<div class="post-metadata">

### Author: ![WideCircle](https://avatars.discourse-cdn.com/v4/letter/w/ea5d25/32.png) [@WideCircle](https://discourse.getcockpit.com/u/WideCircle)
#### Post date: [August 23, 2022, 7:37pm UTC](https://discourse.getcockpit.com/t/customize-wysiwyg/2466/3 "2022-08-23T19:37:25Z")

</div>

Oh thank you!  
Such a fast answer!! 🙂

Niklas

---

<div class="post-metadata">

### Author: ![Mikearaya](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/mikearaya/32/1099_2.png) [@Mikearaya](https://discourse.getcockpit.com/u/Mikearaya)
#### Post date: [September 20, 2023, 6:52pm UTC](https://discourse.getcockpit.com/t/customize-wysiwyg/2466/4 "2023-09-20T18:52:18Z")

</div>

is there a way to apply options globally on one place?

---

<div class="post-metadata">

### Author: ![emburaman](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/emburaman/32/1446_2.png) [@emburaman](https://discourse.getcockpit.com/u/emburaman)
#### Post date: [June 19, 2024, 1:15am UTC](https://discourse.getcockpit.com/t/customize-wysiwyg/2466/5 "2024-06-19T01:15:38Z")

</div>

Apologies for the dumb question (could not find an answer anywhere yet): how do I enable TinyMCE editor?

Or, if this is it, how to I add more options to the ribon? ie: blockquote, superscript, subscript, etc?

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/getcockpit/original/2X/8/886930780b8d8a24ca198b84a28f343aea99f4b9.png)

Thank you!

---

<div class="post-metadata">

### Author: ![emburaman](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/emburaman/32/1446_2.png) [@emburaman](https://discourse.getcockpit.com/u/emburaman)
#### Post date: [June 21, 2024, 6:52pm UTC](https://discourse.getcockpit.com/t/customize-wysiwyg/2466/6 "2024-06-21T18:52:37Z")

</div>

Ok, so I finally found the information I was missing. A more thorough reading of **[the documentation](https://getcockpit.com/documentation/core/concepts/fields#wysiwyg)** would have avoided my dumb question 😂 😅

Turns out adding some configuration to the options tab of the Wysiwyg field will do the trick:

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/getcockpit/original/2X/1/13cc579cd7577d1e4b2ce292fba424d0e4967af8.png)

There are some examples here: [Full featured demo: Including Premium Plugins | TinyMCE Documentation](https://www.tiny.cloud/docs/tinymce/6/full-featured-premium-demo/)

Best!  
Lincoln

---

<div class="post-metadata">

### Author: ![spiffytech](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/spiffytech/32/1564_2.png) [@spiffytech](https://discourse.getcockpit.com/u/spiffytech)
#### Post date: [July 31, 2025, 11:41pm UTC](https://discourse.getcockpit.com/t/customize-wysiwyg/2466/7 "2025-07-31T23:41:29Z")

</div>

Does this still work? I’ve tried applying the example configuration, but I don’t have any new controls in my toolbar.

The field docs no longer mention customizing TinyMCE for WYSIWYG fields.

 ![Screenshot From 2025-07-31 19-37-15](https://canada1.discourse-cdn.com/flex030/uploads/getcockpit/original/2X/6/68124657838ccadf6eedbbae9f0ffec9c9971c06.png)

---

<div class="post-metadata">

### Author: ![emburaman](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.getcockpit.com/emburaman/32/1446_2.png) [@emburaman](https://discourse.getcockpit.com/u/emburaman)
#### Post date: [December 8, 2025, 10:25pm UTC](https://discourse.getcockpit.com/t/customize-wysiwyg/2466/8 "2025-12-08T22:25:14Z")

</div>

Check this out, hope it helps: [How to customize WYSIWYG Editor - #2 by Barcsix](https://discourse.getcockpit.com/t/how-to-customize-wysiwyg-editor/3169/2)
