[求助！] web 页面编辑并显示特殊字符和 latex 公式的解决方法

背景

正在做一个管理系统(layui+spring 前后不分离)，需要录入特殊字符

目前的解决方法是页面引入一个叫 eudc.ttf ，然后点击按钮之后弹出一个这样的窗口：

如果页面不引入字体会导致大部分字符不能显示，甚至 IDEA 里面都不能正常显示，好像大多都是非标 unicode 字符

需求

现在领导不想引入这个字体（估计因为需要导出 word ，不安装这个字体就没办法按正常显示，所以用户的每台电脑都要装这个字体），然后找了一种使用 latex 的方法，后台导出使用了 poi-tl-ext 的包，可以正常导出 latex 公式，画面显示使用了 mathjax ，普通标签也能正常显示，类似这样：

但是现在问题来了，用户是需要输入的，有没有办法在编辑框里显示 latex 公式，然后也比较方便用户输入的，比如给定一些编辑好的公式，点一下可以复制这样（总不能让用户学习 latex 语法）

目前方向

我大概搜了下发现只能在富文本框里面显示，然后用了 tinymce ，并且引了一个 tinymce-mathjax 的插件，但是目前还不能正常插入和显示，保存到 db 之后页面上也不知道能不能渲染。

隐藏了菜单栏的 tinymce

而且感觉富文本框有点太重了

所以有没有一种比较好的方式让用户输入给定的 latex 公式，并在页面上（编辑框）正常显示呢？