如何从tinymce文本区域中删除title属性

how to remove title attribute from tinymce textarea

本文关键字：删除 title 属性 区域 文本 tinymce      更新时间：2023-09-26

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

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

我试图用js删除标题，但没有任何变化：

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

有没有办法从文本区域的tinymce或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
    }); 
});

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

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

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

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

使用过jQuery！

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

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

你试过了吗，

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

如果您想删除工具提示，只需检查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_txtEditor的原因。

我做的不是很干净，但它完成了任务。我打开主tinymce.min.js，查找"Rich"，发现2个逗号之间的那一位（..，title=blablaRich blabla，…）并将其删除。

工作做得很完美，没有任何功能性。

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

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

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

相当烦人。

要禁用，我只在tinymce.min.js中搜索"Rich Text Area"并将其删除。

只需执行此

$（'.mce编辑区域iframe'）.attr（"title"，"）；

相关文章：