我在 tinyMCE 编辑器中有短代码，它们用括号括起来，如下所示：
[my_shortcode]some text that gets parsed by my shortcode function[/my_shortcode]
是否可以将运行时样式的 css 应用于 tinyMCE 编辑器内容，以便括号中的任何元素（在我的短代码*列表中）获得特殊的 css 处理以使它们脱颖而出？
这个想法是，短代码目前没有特殊的颜色或格式来区分它们与周围的任何文本，除非它们更加突出，否则很难使用它们。
我的简码列表（示例）：
[my_shortcode],[my_shortcode_2],[my_shortcode_3]
更新：我将尽我所能，但理想情况下，我只想将样式应用于括号，而不是括号环绕的文本。因此，我只想将运行时 css 样式应用于短代码括号：例如 [my_shortcode] 和 [/my_shortcode] 并保留它们单独包含的文本。
Problem here is that you cannot apply css to parts of text content of a html element. My solution approch would look like this: You will need to wrap those closed tags into a span with a special class. This way your shortcodes can be highlighted. When you submit your editor content to the server you will have to strip the spans with your special class and replace them with with its textContent.
为简码或其他元素提供突出显示的最佳方法是使用自定义简码菜单，该菜单将列出所有简码并将它们插入突出显示的编辑器区域，或者更好地使用语法突出显示 html、css、javascript 和简码（仅在原始模式下）
一个使用 codemirror 的简单解决方案在这里：
http ://nikos-web-development.netai.net/blog/shortcodes-highlighting-overlay-in-codemirror/
如果输入了方括号，您可以点击按键事件并添加格式。
