Изменить имя шрифта в выделенной пустой строке Tinymce - PullRequest
Новая
       54

Изменить имя шрифта в выделенной пустой строке Tinymce

0 голосов
/ 16 января 2020

Я использую rails tinymce (tinymce 5.0), но не могу изменить имя шрифта в выделенной пустой строке. Например, если у меня есть две строки, как показано ниже: tinymce with two lines

Выделите все и измените имя шрифта: tinymce with highlighted text

Пустая строка еще в Arial 11 (шрифт и размер по умолчанию): tinymce with two lines

Вот моя конфигурация tinymce: 

 selector: "textarea.tinymce",
  fontsize_formats: "8pt 9pt 10pt 11pt 12pt 13pt 14pt 18pt 24pt 36pt",
  language: "pt_BR",
  toolbar: ["undo redo | fontselect fontsizeselect | bold italic underline subscript superscript",
    "backcolor forecolor removeformat | editimage imageoptions | bullist numlist table |  alignleft alignjustify aligncenter alignright | searchreplace | save "],
  menubar: false,
  plugins: "table, image, imagetools, searchreplace, lists, media, textcolor, autosave, save, paste",
  content_css: ["<%= asset_url 'tinymce-content.css' %>"],
  media_live_embeds: true,
  branding: false,
  width: "767",
  resize: false,
  media_filter_html: false,
  media_live_embeds: true,
  save_enablewhendirty: true,
  paste_retain_style_properties: "font-size,color,font-family",
  paste_webkit_styles: "font-size,color,font-family",
  save_onsavecallback: showPageCount,
  paste_word_valid_elements:"span,p,b,strong,i,em,h1,h2,h3,h4,h5,h6",  
  extended_valid_elements : "video[controlslist|draggable|controls|id|src|data-id|preload|width|height|data-setup],source[src|type]"

Есть ли способ сделать пустую строку с выбранным именем шрифта?

1 Ответ

0 голосов
/ 17 января 2020

TinyMCE применяет шрифты, заключая выделенный текст в <span> элементы, которые содержат style атрибуты. Пустая строка между тестовыми строками не содержит никакого содержимого, чтобы обернуть эти промежутки.

Используя ваш пример, генерируется следующий HTML (полученный с помощью плагина code): 

<p><span style="font-family: 'comic sans ms', sans-serif;">Test line 1</span></p>
<p>&nbsp;</p>
<p><span style="font-family: 'comic sans ms', sans-serif;">Test line 2</span></p>

Пустая строка представлена ​​тегом <p>. Неразрывный пробел является символом-заполнителем, позволяющим TinyMCE поместить курсор туда. Это не считается сгенерированным пользователем контентом, и поэтому интервалы шрифтов к нему не применяются.

...