Question

我正在使用jquery-ui工具提示和tinimce 4，

问题是当tinymce加载到textarea中时，标题属性"Rich Text AreaPress ALT-F10 for toolbar..."始终显示jqueryui工具提示。

我试图用js删除标题，但没有改变：

document.getelementbyid('message_ifr').RemoveAttribute('title');

有没有办法从tinymce或textarea上的jqueryui工具提示中删除标题？

编辑：

这是简单的代码：

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,

});

和jquery-ui工具提示代码：

$(function() { 
    $( document ).tooltip({ 
    content: function() { return $(this).attr('title'); } // br
    }); 
});

Answer 1

我刚刚找到了解决问题的正确方法：

（thx to：raina77ow for this fiddle）

第1步：

在tinymce集成代码之后添加：

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

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

第2步

将jquery-ui工具提示功能从文档更改为'[title]'，如下所示：

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

使用jQuery！

Answer 3

这是使用js删除标题的方法，

document.getElementById('message_ifr').removeAttribute('title');

你试过吗，

 $(document).tooltip({
      content: function () {
          return $(this).prop('title');
      }
  });

Answer 4

如果要删除工具提示，只需检查JQueryUI函数并在顶部添加一行：

$('#cphMain_txtEditor').tooltip('disable');

作为示例函数：

      $(function () {
      $('#HeaderTextBox').tooltip('disable');
      $('#cphMain_txtEditor').tooltip('disable');
      $(document).tooltip({
          position: {
              my: "center bottom-20",
              at: "center top",
              using: function (position, feedback) {
                  $(this).css(position);
                  $("<div>")
                    .addClass("arrow")
                    .addClass(feedback.vertical)
                    .addClass(feedback.horizontal)
                    .appendTo(this);
              }
          }
      });
  });

这里我从两个地方删除了工具提示，一个常规文本框（HeaderTextBox）和一个TinyMCE编辑器（#txtEditor），但由于我有一个带有contentcontroller的母版页，我需要添加它（cphMain），这就是为什么ID是cphMain_txtEditor。

Answer 5

我所做的并不是很干净，但它完成了这项工作。我打开了主要的tinymce.min.js，寻找“Rich”发现2个逗号之间的位（...，title = blabla Rich blabla，...）并将其删除。

这项工作完美无缺，并没有消除任何功能。

Answer 6

我遇到的问题是工具提示说：

Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help

当鼠标悬停在TinyMCE实例上时。

相当烦人。

要禁用我刚刚搜索了tinymce.min.js以获取＆＃34; Rich Text Area＆＃34;并将其删除。

Answer 7

只需执行

$（'。mce-edit-area iframe'）。attr（“ title”，“”）;

如何从tinymce textarea中删除title属性

7 个答案: