Question

TinyMCE颜色形成正在加入span标签，现在我需要用户更改文本添加的颜色一个额外的角色（对于那些可能想知道我需要这个的人，请阅读：Inserting HTML tag in the middle of Arabic word breaks word connection (cursive)）

所以这就是TinyMCE正式格式化文本的方式：

<p><span style="color: #ff6600;">forma</span>tings</p>

这就是我需要的方式：

<p>X<span style="color: #ff6600;">forma</span>tings</p>

所以在任何跨度之前我需要添加一个额外的字符。

我正在通过TinyMCE源搜索，但我无法找到它组装的地方。

Answer 1

我完全明白你需要一个单词连接器。根据浏览器的不同，您可以使用css-pseudo元素插入此字符 - 在这种情况下：http://www.w3schools.com/cssref/sel_before.asp

您的tinymce内容css（使用tinymce init设置content_css）应包含以下内容：

body span:before {
    content:'\2060'; // use '\00b6' to get something visible for testing
}

更新：Approch2：

您可以执行此操作以输入您的单词加入者：

var ed = tinymce.get('content') || tinymce.editors[0];

var span = $(ed.getBody()).find('span:not(.has_word_joiner)').each(function(index) {
  ed.selection.select(this);
  ed.execCommand('mceInsertContent', false, '\u2060<span class="has_word_joiner">'+this.innerHTML+'</span>'); // you might want to add the formerspan attributes too, but that is a minor issue
});

您可能需要在特殊事件中使用自己的插件来调用它。

如何修改TinyMCE格式文本的方式

1 个答案: