繁体   English   中英

如何从tinymce textarea中删除title属性

[英]how to remove title attribute from tinymce textarea

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

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

我试图用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
    }); 
});

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

(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'); } }); });
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),但由于我有一个带有contentcontroller的母版页,我需要添加它(cphMain),这就是ID为cphMain_txtEditor的原因。

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

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

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

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

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

相当讨厌。

要禁用我只是搜索了“Rich Text Area”的tinymce.min.js并将其删除。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM