javascript - Tinymce 为自定义样式添加快捷方式

标签 javascript tinymce

在我的 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 标签中并为其添加特定的类;
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);
})();

它适用于 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/

相关文章:

javascript - 重构 "withReducer": justification of async reducer function call

javascript - 如何处理使用 facebook javascript sdk 的 Web 应用程序中的 javascript 加载错误

javascript - TinyMCE-valid_elements属性不适用于'em'

javascript - 实现显示更多 - 在页面上显示更少文本

javascript - 尝试使用 HTML/CSS/jQuery/JavaScript 突出显示 .png 的一部分

javascript - 文本框为空时如何重新聚焦

javascript - 多个 TinyMCE 编辑器,但只有一个工具栏?

tinymce - 如何在 TinyMCE 中应用类而不是内联 css 样式

javascript - 为什么我的 TinyMCE 隐藏文本区域出现问题?

Javascript/Ember 语法 '%@'