Question

TinyMCE color formating is putting in to span tag,
now I need when ever user change color for a text add
one extra character
(for those who may wonder way I need this, read this: Inserting HTML tag in the middle of Arabic word breaks word connection (cursive))

so this is how TinyMCE normaly format text:

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

this is how I need to be:

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

so before any span I need to add one extra character.

I was searching throug TinyMCE source but I couldn’t find where it assembly this.

Answer 1

I totaly understand your need for a word-joiner.
Depending on the browser you might be able to insert this character using a css-pseudo element – in this case before: http://www.w3schools.com/cssref/sel_before.asp

Your tinymce content css (use the tinymce init setting content_css) should contain the following:

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

UPDATE: Approch2:

You can do this check to enter your word joiners:

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
});

You might need to call this using an own plugin on special events.