Как добавить пользовательский блок в tinyMce

Я хотел добавить пользовательский блок форматирования для TinyMCE, я смог сделать это с помощью кода ниже.

style_formats: [
{title : 'Code', block : 'pre', classes : 'pre-code', exact: true},]

https://codepen.io/anon/pen/vWRGEg введите здесь описание изображения

Однако при добавлении этого кода единственный блок кода отображается в раскрывающемся списке формата. Были некоторые варианты по умолчанию, например

  1. Заголовки
  2. В соответствии
  3. Блокировать
  4. Выравнивание

https://codepen.io/anon/pen/jazqEv

Можно ли добавить пользовательский блок кода в раздел Block -> pre?

введите здесь описание изображения


javascript jquery tinymce rte tinymce-4
person Tariq Husain    schedule 21.11.2017    source источник
comment
Вам также необходимо включить значения по умолчанию, которые вы хотите в массив   -  person charlietfl    schedule 21.11.2017
comment
@charlietfl - Есть пример?   -  person Tariq Husain    schedule 21.11.2017
comment
Посмотрите значения по умолчанию в документации   -  person charlietfl    schedule 21.11.2017
comment
@charlietfl - Не могли бы вы помочь? Я не мог найти его. Я пытался.   -  person Tariq Husain    schedule 21.11.2017

Ответы (2)


arrow_upward
1
arrow_downward

Для слияния с существующим используйте style_formats_merge: true согласно документы.

person charlietfl    schedule 21.11.2017

arrow_upward
2
arrow_downward

попробуйте этот jsfiddle

style_formats: [
    { title: 'Headers', items: [
      { title: 'test', block: 'h1' },
      { title: 'h2', block: 'h2' },
      { title: 'h3', block: 'h3' },
      { title: 'h4', block: 'h4' },
      { title: 'h5', block: 'h5' },
      { title: 'h6', block: 'h6' }
    ] },

    { title: 'Blocks', items: [
      { title: 'p', block: 'p' },
      { title: 'div', block: 'div' },
      { title: 'pre', block: 'pre' }
    ] },

    { title: 'Containers', items: [
      { title: 'section', block: 'section', wrapper: true, merge_siblings: false },
      { title: 'article', block: 'article', wrapper: true, merge_siblings: false },
      { title: 'blockquote', block: 'blockquote', wrapper: true },
      { title: 'hgroup', block: 'hgroup', wrapper: true },
      { title: 'aside', block: 'aside', wrapper: true },
      { title: 'figure', block: 'figure', wrapper: true }
    ] }
  ],
  visualblocks_default_state: true,
  end_container_on_empty_block: true
person Micio    schedule 21.11.2017
comment
@ LW001 он должен переписать 'style_formats' плагина; например (третья строка): { title: 'test', block: 'h1' }, я добавил новый формат под названием 'test' в качестве подраздела - person Micio; 21.11.2017
comment
спасибо, я смог настроить параметры RTE, однако, не могли бы вы сказать мне, как я могу включить пользовательские шаблоны? например, я нажимаю на первый шаблон, он также будет включать в себя HTML и место для записи? - person Tariq Husain; 23.11.2017