Tinymce 如何在微型mce中使用自定义工具栏?

Tinymce 如何在微型mce中使用自定义工具栏?,tinymce,Tinymce,我在我的一个项目中使用了tiny mce,客户不想使用tiny mce的水平工具栏。他想要一个集中的自定义工具栏,用户可以从中控制所有属性,如文本颜色、文本类型、大小、背景以及使用模板设计网页时需要做的每件事。我在没有默认工具栏的情况下配置了mce实例,并通过自定义工具栏控制属性。这些属性作为一个整体应用于微小的mce实例。但现在,要求是,文本编辑应采用MS office样式。这意味着,如果用户将光标放在一个位置并更改颜色,则不会受到任何影响,但如果用户从光标位置开始键入文本,则文本应具有最近设

我在我的一个项目中使用了tiny mce,客户不想使用tiny mce的水平工具栏。他想要一个集中的自定义工具栏,用户可以从中控制所有属性,如文本颜色、文本类型、大小、背景以及使用模板设计网页时需要做的每件事。我在没有默认工具栏的情况下配置了mce实例,并通过自定义工具栏控制属性。这些属性作为一个整体应用于微小的mce实例。但现在,要求是,文本编辑应采用MS office样式。这意味着,如果用户将光标放在一个位置并更改颜色,则不会受到任何影响,但如果用户从光标位置开始键入文本,则文本应具有最近设置的颜色。我尝试使用外部工具栏选项。但是,我的工作区和自定义工具栏处于不同的z索引级别。因此,定位工具栏失败。如果将工具栏附加到自定义工具栏,则无法单击。那么,如何使用定制工具栏调用tiny mce的核心功能呢

或者,好心的建议,我应该更换编辑吗?那么,我该选哪一个呢

编辑 根据建议,我正在编写保存属性样式并在插入符号位置插入跨度的函数。但我面临着一些问题,在花了一整天的时间后,我无法做到这一点。我可以使用以下代码在插入符号位置添加span

 marker = ed.selection.getBookmark();
 ed.selection.moveToBookmark(marker);
 tinyMCE.execCommand('mceInsertContent',false,'<span id="mytitle"></span>');
marker=ed.selection.getBookmark();
ed.选择。移动图书标记(标记);
execCommand('mceInsertContent',false',);

但是,我还是没能在新的跨度内打字。另外,我也不知道如何设置这个跨度的样式。

如果你的目标是让你的tinymce表现得像MS Office,你应该编写一个自己的插件来解决这个问题。 我建议,如果用户将光标放在一个位置并更改了颜色,您可以将此颜色保存为tinymce实例的设置,如:
ed.color='chooseColor'


当用户现在开始键入时,您可以在第一次击键时插入一个span,并将color as css class或style属性设置为此span。

这是否意味着我可以编写一个插件来调用tiny mce的核心功能?或者你建议的流量将由插件处理?我是编程新手,已经阅读了插件文档,但不太懂。你能提供另一个链接/文档吗?是的,这是可能的,如果代码功能不是你想要的,你可以创建自己的或扩展核心功能。嗯,我没有其他链接,但是如果你仔细查看插件目录中已经存在的插件,它会有很大帮助。这就是我开始开发插件的方式。嗨,Thariama,我试图设置为“ed.font-family=propertyValue”,但这会产生错误,而“ed.color=propertyValue”工作正常。知道为什么会发生这种情况吗?这里的问题是“-”被表示为负号,不允许在javasscript的变量名中使用“-”。