Javascript 更改突出显示的空行Tinymce中的字体名称

Javascript 更改突出显示的空行Tinymce中的字体名称,javascript,jquery,css,tinymce,tinymce-4,Javascript,Jquery,Css,Tinymce,Tinymce 4,我使用的是rails tinymce(tinymce 5.0),但无法更改突出显示的空行中的字体名称。例如,如果我有如下所示的两行: 突出显示所有内容并更改字体名称: 空行仍为Arial 11(默认字体和大小): 以下是我的tinymce配置: selector: "textarea.tinymce", fontsize_formats: "8pt 9pt 10pt 11pt 12pt 13pt 14pt 18pt 24pt 36pt", language: "pt_BR",

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

突出显示所有内容并更改字体名称:

空行仍为Arial 11(默认字体和大小):

以下是我的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]"
选择器:“textarea.tinymce”,
fontsize_格式:“8pt 9pt 10pt 11pt 12pt 13pt 14pt 18pt 24pt 36pt”,
语言:“pt_BR”,
工具栏:[“撤消重做|字体选择字体大小选择|粗体斜体下划线下标”,
“backcolor forecolor removeformat | editimage imageoptions | bullist numlist table | alignleft alignjustify Center alignright | searchreplace | save”],
梅努巴:错,
插件:“表格、图像、图像工具、搜索替换、列表、媒体、文本颜色、自动保存、保存、粘贴”,
content_css:[“”],
媒体(现场)(嵌入):对,,
品牌:错,
宽度:“767”,
调整大小:false,
媒体过滤器html:false,
媒体(现场)(嵌入):对,,
保存启用当属性:true时,
粘贴\保留\样式\属性:“字体大小、颜色、字体系列”,
粘贴\u webkit\u样式:“字体大小、颜色、字体系列”,
保存保存回调:showPageCount,
粘贴单词有效元素:“span、p、b、strong、i、em、h1、h2、h3、h4、h5、h6”,
扩展的有效元素:“视频[控件列表|可拖动|控件| id | src |数据id |预加载|宽度|高度|数据设置],源[src |类型]”

是否有办法使空行具有选定的字体名称?

TinyMCE通过将选定的文本包装在包含
样式
属性的
元素中来应用字体。测试行之间的空行不包含环绕这些跨距的任何内容

使用您的示例,将生成以下HTML(使用
code
插件获得):

测试线1

试车线2


空行由
标记表示。非中断空格是一个占位符字符,允许TinyMCE将光标放置在其中。它不被认为是用户生成的内容,因此字体跨度不适用于它。

那么,是否没有办法使空行具有字体系列?
<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>