javascript - 如何将所选内容作为变量传递给 TinyMCE style_formats

Question

TinyMCE 有一种方法可以传入变量以与格式和 style_formats 代码一起使用：

// Registering the special format with a variable
tinymce.activeEditor.formatter.register('custom_format', {inline : 'span', styles : {color : '%value'}});

// Applying the specified format with the variable specified
tinymce.activeEditor.formatter.apply('custom_format', {value : 'red'});

如何扩展内置 styleselect 的行为以添加一些有用的辅助变量？特别是我想访问样式被应用到的选定文本，例如：

// Registering the special format with a variable
tinymce.activeEditor.formatter.register('custom_format', {inline : 'span', attributes : {data-content : '%content'}});

// Applying the specified format with the variable specified
tinymce.activeEditor.formatter.apply('custom_format', {content : tinymce.activeEditor.selection });

我可以看到您如何通过自定义按钮执行此操作，但我希望它与 styleselect 集成，因为它可以更轻松地在 WordPress 中使用。

任何 JS 专家可以指出我正确的方向吗？我仍然在使用 OO 风格的 javascript 以及究竟可以实现什么方面挣扎。