How to remove the "title" attribute that the CKEditor 4 add automatically on inline editing?

Hi
When using CKEditor 4 Inline Editing on a object the CKEditor add a "Title" attribute that include
a text and the object id.

e.g. In the CKEditor inline example we can see the next code:

<h2 id="inline-sampleTitle" title="Rich Text Editor, inline-sampleTitle"....>CKEditor<br>Goes Inline!</h2>

I like to remove the "title" attribute because i do not like the user to see it (my id is more complicated :) ).

Note: I was trying to remove it manually after the CKEditor create it using jQuery "removeAttr" function but this
solution is not really good for me because in IE browsers the user still see it in the first time and it will
remove only after the user mouse out from the object.

Thu, 02/14/2013 - 19:24

waveform

Joined: 03/12/2008

Posts: 12

I also wanted to get rid of

I also wanted to get rid of this unnecessary addition. It does not look very good to end users, it looks more like some debug code that was accidentally left in. So I fiddled around and found the following code to be quite effective for getting rid of them in all instances before they're visible to the browser:

CKEDITOR.on('instanceCreated', function(event) {
  var editor = event.editor;
  editor.on('instanceReady', function(e) {
    $(e.editor.element.$).removeAttr("title");
  });
});

Hope that helps.

Fri, 02/15/2013 - 12:10

Anna