how to remove title attribute from tinymce textarea

javascript, jquery-ui, tinymce

Solution

I have just figured out the correct solution for my problem:

(thx to: raina77ow for this fiddle )

STEP 1:

after the tinymce integration code add this:

tinymce.init({
// ...
});

var ed = tinymce.activeEditor;
var ifr = tinymce.DOM.get(ed.id + '_ifr');
ed.dom.setAttrib(ifr, 'title', '');

STEP 2

change the jquery-ui tooltip function from document to '[title]', like this:

$(function() { $( '[title]' ).tooltip({ content: function() { return $(this).attr('title'); } }); });

Problem

I am using jquery-ui tooltip and tinimce 4, the problem is when tinymce is loaded in a textarea there is the title attribute `"Rich Text AreaPress ALT-F10 for toolbar..."` that display a jqueryui tooltip all the time. I have tried to remove the title with js, but nothing changed: ``` document.getelementbyid('message_ifr').RemoveAttribute('title'); ``` Is there a way to remove the title from tinymce or the jqueryui tooltip on the textarea? EDIT: this is tinymce code: ``` tinymce.init({ mode : "exact", elements : "message,notes", plugins: "advlist autolink lists link image charmap hr anchor pagebreak code fullscreen table ", toolbar: "undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image table code fullscreen", menubar: false, statusbar: false, }); ``` and jquery-ui tooltip code: ``` $(function() { $( document ).tooltip({ content: function() { return $(this).attr('title'); } // br }); }); ```

Original source