我正在使用rails tinymce(tinymce 5.0),但无法更改突出显示的空行中的字体名称。例如,如果我有如下所示的两行:
javascript - 在突出显示的空行Tinymce中更改字体名称-LMLPHP

突出显示所有内容并更改字体名称:
javascript - 在突出显示的空行Tinymce中更改字体名称-LMLPHP

空行仍然在Arial 11中(默认字体和大小):
javascript - 在突出显示的空行Tinymce中更改字体名称-LMLPHP

这是我的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]"


有没有一种方法可以使空行具有选定的字体名称?

最佳答案

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将光标放置在此处。它不被视为用户生成的内容,因此不会将字体范围应用于它。

10-04 22:14
查看更多