Select tinymce将样式应用于整行,如标题、段落

Select tinymce将样式应用于整行,如标题、段落,select,format,styles,tinymce,Select,Format,Styles,Tinymce,我正在寻找一种将样式应用于整行的方法,就像tinymce编辑器中标题或段落的默认行为一样 更清楚的是,当我们设置标题1或段落时,会出现奇怪的行为,整行光标会自动应用样式,而不会用光标突出显示(蓝色)文本 当我在tinymce上使用自定义快捷方式时,使用相同行为应用样式的任何方法 editor.addShortcut( 'meta+alt+u', 'Add yellow highlight to selected text.', function () { tinymce.ac

我正在寻找一种将样式应用于整行的方法,就像tinymce编辑器中标题或段落的默认行为一样

更清楚的是,当我们设置标题1或段落时,会出现奇怪的行为,整行光标会自动应用样式,而不会用光标突出显示(蓝色)文本

当我在tinymce上使用自定义快捷方式时,使用相同行为应用样式的任何方法

editor.addShortcut(
      'meta+alt+u', 'Add yellow highlight to selected text.', function () {
    tinymce.activeEditor.execCommand('FontSize', 0, '24px');
        
    });

这只适用于选定的文本,不适用于整行。

不同之处在于编辑器中的格式应用于什么

有些样式是“内联”的,您将看到编辑器用
标记将所选内容包装起来以应用格式。其他行为(例如,使某物成为标题)适用于整个块级元素(例如

style\u格式
configuration选项提供了一种指定如何应用样式的方法。下面是一个TinyMCE提琴,展示了如何添加块级和内联级样式:

密钥配置设置为:

style_formats: [
  {title: 'Red text - applies inline', inline: 'span', styles: {color: '#ff0000'}},
  {title: 'Red paragraph - applies to block', block: 'p', styles: {color: '#ff0000'}},
]
您将看到,您可以控制样式的应用方式以及标记的内容。文档更好地涵盖了
样式\u格式的所有选项
选项:


fiddle还将应用这两个示例时TinyMCE正在执行的实际命令记录到浏览器控制台。您当然可以自己使用相同的API来应用样式,但由于编辑器已经有了一个UI来执行此操作,因此使用现有的UI似乎更容易。

感谢您抽出时间和兴趣来帮助我。我理解你说的话。但唯一的问题是我能在按下快捷键时应用样式格式吗?有应用标题的快捷方式(Alt+Shift+3),但我需要像editor.addShortcut()这样的自定义快捷方式。请查看此更新的TinyMCE小提琴:我已向工具栏按钮添加了正确的API调用。你可以用菜单或键盘快捷键做同样的事情。一件小事,你能告诉我如何添加一个键盘快捷键,如Shift+Alt+Y来访问这个按钮吗