how to remove title attribute from tinymce textarea

Question

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

Answer 1

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

Answer 2

tinymce.init({
    setup: function( editor ){
        editor.on('init', function( e ){
            $('#' + e.target.id + '_ifr').removeAttr('title');
        });
    }
});

Used jQuery !