Javascript 多个html标记上的TinyMCE文本格式

tinyMCE默认文本设置功能有问题。假设我想更改文本颜色，这是我想编辑的文本的html段落：

<p class="normal-paragraph-0001" dir="ltr">
    <span class="default-paragraph-font-001" lang="en-GB">AAAA</span>
    <span class="default-paragraph-font-001" lang="en-GB"><sup>bb</sup></span>
    <span class="default-paragraph-font-001" lang="en-GB"> CCCC</span>
    <span class="default-paragraph-font-001" lang="en-GB">DDDD</span>
</p>

因此，它所做的基本工作就是将选定的标记打包到另一个具有选定样式（字体颜色）的span标记中。问题是新应用的样式被“旧”css类覆盖，这些类仍然存在于内部span标记中。 我想问你们：是否有可能直接在tinyMCE中更改该行为（我曾尝试在文档中找到它，但大多数功能描述得很差，事实上我对html和前端的东西非常熟悉），或者我需要手动查看每个标记并在代码中更改其样式

*通过改变这种行为我的意思是f.ex。是否可以告诉tinyMCE分别更改每个选定标记的样式属性

编辑： 好的，我发现有一种格式：

forecolor : {inline : 'span', selector : 'span', styles : {color : '%value'}},

因此，在上面的示例中，它基本上可以正常工作-它添加了带有颜色属性的样式属性：

<p class="normal-paragraph-0001" dir="ltr">
    <span class="default-paragraph-font-001" style="color: rgb(144, 19, 254);" data-mce-style="color: #9013fe;" lang="en-GB">AAAA</span>
    <span class="default-paragraph-font-001" style="color: rgb(144, 19, 254);" data-mce-style="color: #9013fe;" lang="en-GB"><sup>bb</sup></span>
    <span class="default-paragraph-font-001" style="color: rgb(144, 19, 254);" data-mce-style="color: #9013fe;" lang="en-GB"> CCCC</span>
    <span class="default-paragraph-font-001" style="color: rgb(144, 19, 254);" data-mce-style="color: #9013fe;" lang="en-GB">DDDD</span>
</p>

AAAA
bb
中交
DDDD

但事实上，这并不是一个正确的解决方案，在其他span标签中有span标签的情况下，它也不起作用，例如：

<p class="pt-Normalny-000128" dir="ltr">
<span>
    <span class="pt-Domylnaczcionkaakapitu-000042" lang="en-GB">On the 2</span>
</span>
</p>

在2号

它将只设计外部跨距，而不设计内部跨距。 我猜这种情况（跨度中的跨度）在句法上是不正确的，是吗？但如果真的发生了这种情况，除了使用选择器和inline:'span'属性组合使用之外，在tinyMCE中进行格式化是否是一种更好的方法

<p class="pt-Normalny-000128" dir="ltr">
<span>
    <span class="pt-Domylnaczcionkaakapitu-000042" lang="en-GB">On the 2</span>
</span>
</p>