2013-08-18 2 views
7

Я использую jqueryui подсказку и tinimce 4,как удалить атрибут заголовка из TinyMCE текстового поля

проблема, когда TinyMCE загружается в текстовом поле есть название атрибут "Rich Text AreaPress ALT-F10 for toolbar...", которые отображают jqueryui TOOLTIP всего время ,

Я попытался удалить заголовок с JS, но ничего не изменилось:

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

Есть ли способ, чтобы удалить заголовок из TinyMCE или в jqueryui подсказки на текстовом поле?

EDIT:

это 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 
    }); 
}); 
+0

Вы считали, что у вас нет атрибута title от tinymce, потому что лучше отрегулировать селектор всплывающей подсказки, чтобы не включать ненужные элементы? Вставьте код jQuery UI tooltip. –

+0

Проверьте [эту ссылку] (http://www.tinymce.com/forum/viewtopic.php?id=29290). – raina77ow

+0

Maris: да, но я не знаю, как .. – ipel

ответ

5

Я просто понял, правильное решение для моей проблемы:

(спасибо к: raina77ow для 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-щ из документа к '[название]', как это:

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

Это, как вы удалите заголовок с помощью JS,

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

Вы пробовали,

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

только сейчас, но ничего не меняется, подсказка отображается на tinymce textarea – ipel

+0

Если это не решит проблему, добавьте скрипку. –

+0

его работа для меня –

0

Если вы хотите, чтобы удалить tooltip вы просто проверяете функцию 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); 
       } 
      } 
     }); 
    }); 

здесь я удалил всплывающие подсказки из двух мест, один регулярный TextBox (HeaderTextBox) и редактора TinyMCE (#txtEditor), но так как у меня есть MasterPage с contentcontroller мне нужно добавьте это тоже (cphMain), поэтому идентификатор - cphMain_txtEditor.

0

То, что я сделал, было не очень чистым, но оно выполняло эту работу. Я открыл основной tinymce.min.js, искал «Rich», нашел бит между 2 запятыми (.., title = blabla Rich blabla, ...) и удалил его.

Отличная работа, и она не устраняет никакой функциональности.

0

Проблемы у меня была всплывающая подсказка, говоря:

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» и удалил его.