# Rich Text Editor for Vision

**URL:** <https://forum.inductiveautomation.com/t/rich-text-editor-for-vision/87346>\
**Category:** Ignition\
**Tags:** ignition81, vision\
**Created:** [March 14, 2024, 3:32pm UTC](https://forum.inductiveautomation.com/t/rich-text-editor-for-vision/87346 "2024-03-14T15:32:55Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [March 14, 2024, 3:32pm UTC](https://forum.inductiveautomation.com/t/rich-text-editor-for-vision/87346/1 "2024-03-14T15:32:55Z")

</div>

Anyone built or know of any module like this but for vision? Been requested to add a rich text editor for a vision one-note clone type application.

> **[Ignition Exchange](https://inductiveautomation.com/exchange/88/overview)**
>
> Discover, share, and download community made Ignition resources in collaboration with your organization or the Ignition community.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [March 14, 2024, 3:43pm UTC](https://forum.inductiveautomation.com/t/rich-text-editor-for-vision/87346/2 "2024-03-14T15:43:25Z")

</div>

I'm not aware of any existing modules, but I'm pretty sure there are a couple of rich text Swing editors out there. Possibly not FOSS, though - you might have to shell out for a license and embed in your own custom module.

If you can teach folks Markdown syntax, it would be relatively easy to have a basic text area on one side, a module to render it to HTML, and an editor pane on the other side to display it.

---

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [March 14, 2024, 4:15pm UTC](https://forum.inductiveautomation.com/t/rich-text-editor-for-vision/87346/3 "2024-03-14T16:15:13Z")

</div>

This definitely involves making a module right? Unless I wanted to try to hack together a template but there's already some prebuilt solutions in java.

Seems like there is a way to use OpenOffice though I don't know what text I could get out of that - I have to save and be able to reopen this in the same component later through database query.

This one looks most promising to me - [Java Answers Forum - WYSIWYG Html Editor with JEditorPane and HTMLEditorKit](https://www.artima.com/forums/flat.jsp?forum=1&thread=1276)

I ran the code in this forum post, it looks nice, saves as plain html. I would have to rework how it looks, definitely want something more like  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/c/4cecd840607fe4745b624b9225a2811410ce1c23.png)  
than how it uses dropdown menus for any styling but it's pretty much there.

Now I have an actual project to learn how to do a module instead of just curiosity. Think this is my best bet unless anyone knows of anything else.

---

<div class="post-metadata">

**Author:** ![MMaynard](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmaynard/32/3366_2.png) [@MMaynard](https://forum.inductiveautomation.com/u/MMaynard)\
**Post date:** [March 14, 2024, 6:19pm UTC](https://forum.inductiveautomation.com/t/rich-text-editor-for-vision/87346/4 "2024-03-14T18:19:02Z")

</div>

> **[Integrate a WYSIWYG editor like TinyMCE into the vision system. | Ignition...](https://ideas.inductiveautomation.com/ignition-features-and-ideas/p/integrate-a-wysiwyg-editor-like-tinymce-into-the-vision-system)**
>
> This would be a great tool for enabling HTML formatted input for things like help files, VWI, SOC, etc. Not asking for full HTML on other controls, just an

Dream a little dream..  
Asked for this 4 years ago ☹

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [March 14, 2024, 6:36pm UTC](https://forum.inductiveautomation.com/t/rich-text-editor-for-vision/87346/5 "2024-03-14T18:36:02Z")

</div>

Basically want to use a module for this, if only for performance.

I can think of a couple of very hacky ways to do something like this without a module but pretty sure the performance would be trash.

---

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [March 14, 2024, 6:46pm UTC](https://forum.inductiveautomation.com/t/rich-text-editor-for-vision/87346/6 "2024-03-14T18:46:01Z")

</div>

Yea I thought of a way to do with a template but I hesitate to do it. We're going to ask the customer if they would pay for a weeks worth of my time to try to make this a module. I hope they say yes, they are trying to sell this Vision application I am building for them as better than one note and right now a rich text editor is a big strike against it. If I get the go ahead (fingers crossed I do) I will share my resulting module with the community.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [March 14, 2024, 6:47pm UTC](https://forum.inductiveautomation.com/t/rich-text-editor-for-vision/87346/7 "2024-03-14T18:47:22Z")

</div>

> [@bkarabinchak.psi](#):
>
> share my resulting module with the community.

Make sure they let you....

---

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [March 14, 2024, 6:48pm UTC](https://forum.inductiveautomation.com/t/rich-text-editor-for-vision/87346/8 "2024-03-14T18:48:18Z")

</div>

Good point. Cross that bridge if they're willing to pay me to get to it.

---

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [November 15, 2024, 4:58pm UTC](https://forum.inductiveautomation.com/t/rich-text-editor-for-vision/87346/9 "2024-11-15T16:58:45Z")

</div>

This project has been approved and I am working on it, my first real foray into module development. Doing some research in pure swing solutions to this I have found the above link - [Java Answers Forum - WYSIWYG Html Editor with JEditorPane and HTMLEditorKit](https://www.artima.com/forums/flat.jsp?forum=1&thread=1276) with a pure java swing solution. It seems like the `HTMLDocument` [https://docs.oracle.com/javase/8/docs/api/index.html?javax/swing/text/html/HTMLDocument.html](https://docs.oracle.com/javase/8/docs/api/index.html?javax/swing/text/html/HTMLDocument.html) might be the right way forward. My question here is does this seem like the right path forward, or are there other more clear obvious ways to make a WYSIWYG editor in vision?
