11

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

问题是当tinymce 加载到textarea 中时，title 属性"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
    }); 
});
4

7 回答 7

6

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

（感谢：raina77ow这个小提琴）

步骤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'); } }); });
于 2013-08-28T13:35:01.510 回答
5 
tinymce.init({
    setup: function( editor ){
        editor.on('init', function( e ){
            $('#' + e.target.id + '_ifr').removeAttr('title');
        });
    }
});

使用 jQuery ！

于 2019-01-28T15:50:44.857 回答
1

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

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

你有没有尝试过，

 $(document).tooltip({
      content: function () {
          return $(this).prop('title');
      }
  });
于 2013-08-18T09:19:33.753 回答
0

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

于 2014-09-17T14:57:52.897 回答
0

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

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

于 2017-04-09T16:12:54.717 回答
0

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

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

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

比较烦人。

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

于 2017-10-07T13:27:34.690 回答
0

只需这样做

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

于 2019-09-19T12:47:51.200 回答