2014-01-23 2 views
4

В моей инициализации TinyMCE я использую мои predifined стилиTinyMCE добавления ярлыков для пользовательских стилей

style_formats : [ 
    {title : 'Date', inline : 'span', classes : 'date'}, 
    {title : 'Trend UP', inline : 'span', classes : 'trend_up'}, 
    {title : 'Trend DOWN', inline : 'span', classes : 'trend_down'}, 
    {title : 'Trend NO', inline : 'span', classes : 'trend_no'} 
] 

Этот predifined стили оборачивает выбранные содержимое в тег диапазона и добавляет определенный класс для него; styles example Но теперь мне нужно добавить ярлыки (горячие клавиши), которые обеспечивают такую ​​же функциональность

для этой цели я создал плагин, где мои горячие клавиши будет определен

(function(){ 

    tinymce.create('tinymce.plugins.MyShortcuts', { 
     init : function(ed, url) { 
      ed.addShortcut('ctrl+e','Format Blockquote', ['FormatBlock', false, 'blockquote'], this); 
     } 
    }); 

    // Register plugin with a short name 
    tinymce.PluginManager.add('my_shortcuts', tinymce.plugins.MyShortcuts); 
})(); 

И это прекрасно работает для BLOCKQUOTE , Но я не нашел никакой полезной информации для меня в tinymce documentationдля реализации ярлыков для моих пользовательских стилей.

Может ли кто-нибудь помочь мне в реализации этой функции? я пытался сделать

ed.addShortcut('ctrl+e','Format Trend UP', ['FormatBlock', false, 'Trend UP'], this); 

и

ed.addShortcut('ctrl+e','Format Trend UP', ['StylesBlock', false, 'Trend UP'], this); 

, но он не работает.

ответ

4

Я использовал эту ссылку (http://www.tinymce.com/tryit/custom_formats.php), чтобы найти решение.

В дополнение к

style_formats : [ 
    {title : 'Date', inline : 'span', classes : 'date'} 
] 

Я добавил формат инициализационные:

formats: { mydateformat: {inline: 'span', classes : 'date'}} 

После этого кода в плагин был очень прост:

ed.addShortcut('ctrl+alt+3', 'Date format', function(){ 
    ed.formatter.apply('mydateformat'); 
    }); 

или с некоторым улучшением

ed.addShortcut('ctrl+alt+3', 'Date format', ['FormatBlock', false, 'mydateformat'], this); 
Смежные вопросы