如何从tinymce textarea中删除标题属性答案

【问题标题】：how to remove title attribute from tinymce textarea如何从tinymce textarea中删除标题属性
【发布时间】：2013-08-18 09:00:29
【问题描述】：

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

问题是当tinymce加载到文本区域时，标题属性"Rich Text AreaPress ALT-F10 for toolbar..."一直显示jqueryui工具提示。

我尝试用js去掉标题，但没有任何改变：

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

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

编辑：

这是 tinymce 代码：

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

【问题讨论】：

您是否考虑过没有从 tinymce 中删除 title 属性，因为将工具提示选择器调整为不包含不需要的元素可能会更好？请粘贴您的 jQuery UI 工具提示相关代码。
检查this link。
马里斯：是的，但我不知道怎么做..
Raina：已经看到了，但是我必须在哪里添加这段代码？
例如，在init 调用之后。查看this fiddle 以了解此方法的实际效果。

标签： javascript jquery-ui tinymce

【解决方案1】：

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

（感谢：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 工具提示功能从 document 更改为 '[title]'，如下所示：

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

【讨论】：

【解决方案2】：

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

使用 jQuery ！

【讨论】：

【解决方案3】：

这就是你如何使用 js 删除标题，

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

你试过了吗，

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

【讨论】：

刚刚，但没有任何变化，工具提示显示在tinymce textarea上

【解决方案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)，但由于我有一个带有内容控制器的母版页，所以我也需要添加它 (cphMain)，这就是 ID 为cphMain_txt 编辑器。

【讨论】：

【解决方案5】：

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

完美地完成了这项工作，并且没有删除任何功能。

【讨论】：

【解决方案6】：

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

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

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

相当烦人。

要禁用，我只是在 tinymce.min.js 中搜索“富文本区域”并将其删除。

【讨论】：

【解决方案7】：

只需这样做

$('.mce-edit-area iframe').attr("title","");

【讨论】：