Question

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

或者，请建议，我应该换编辑吗？那么，我应该选哪一个呢？

EDIT As per the suggestion, I m writing the function save the property styles and insert the span at caret position. But I m facing some problems and could not do it after spending whole day. I could add span at caret position by using following code.

 marker = ed.selection.getBookmark();
 ed.selection.moveToBookmark(marker);
 tinyMCE.execCommand( mceInsertContent ,false, <span id="mytitle"></span> );

但是，我还是没能在新的跨度内打字。此外，我不知道如何将样式设置为这个跨度。

Answer 1

If your aim is to have your tinymce behave like MS Office you should write an own plugin which will take care of this. I suggest if a user has placed the cursor at one place and changes color you save this color as a setting to your tinymce instance like: ed.color = choosencolor ;

当用户现在开始键入时，您可以在第一次按键时插入一个span，并将颜色设置为css类或样式属性。

友情链接