在我的 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'}
]
这个预定义的样式将选定的内容包装到 span 标签中并为其添加特定的类; 但现在我需要添加提供相同功能的快捷方式(热键)
为此我创建了一个插件来定义我的热键
(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);
})();
它适用于 block 引用。但是我没有在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);
但它不起作用。
最佳答案
我使用此链接 ( 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);
关于javascript - Tinymce 为自定义样式添加快捷方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21307182/