用于多个元素/选择器的TinyMCE格式

时间:2017-01-21 12:38:27

标签: formatting tinymce tinymce-4

我想为TinyMCE添加一个自定义格式,它会为所选的任何标题元素添加自定义类,甚至可以添加任何元素。

仅为单个元素/标记声明格式正常。在以下示例中,如果您的选择位于H1范围内,则此格式将为其添加一个类 但是,如果您的选择位于H3元素内,则该元素将在接收自定义类的同时转换为H1

array(
 'title' => 'Custom Style',
 'inline' => '',
 'block' => 'h1',
 'selector' => '',
 'classes' => 'custom-class'
)

我尝试使用,|分隔的元素列表,甚至完全为空,但所有内容都会引发错误:

'block' => 'h1,h2,h3,h4,h5,h6'
  // or
'selector' => 'h1|h2|h3|h4|h5|h6'
  // or
'block' => ''
'selector' => ''

是否可以支持多个块元素,或者只是将类添加到所选元素 - 无论它是什么?

2 个答案:

答案 0 :(得分:2)

虽然我不确定如何将自定义格式应用于任何元素,但如果您只想应用标题,您可以将其写出来:

SortedList

因此用户需要首先创建任何这些标题元素。然后他们可以选择它并将“自定义类”应用于它。

从这里引用:https://www.tinymce.com/docs/demo/format-custom/

答案 1 :(得分:1)

使用通用选择器将选择任何元素。

'selector' => '*'

以这种方式进行操作将始终使用最里面的元素。它不会区分是块元素还是内联元素。如果要这样做,则必须提供列表,如Moondrop的答案一样。