我正在使用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]"
有没有一种方法可以使空行具有选定的字体名称?
最佳答案
TinyMCE通过将所选文本包装在包含<span>
属性的style
元素内来应用字体。测试行之间的空行不包含任何内容来包裹这些范围。
使用您的示例,将生成以下HTML(使用code
插件获取):
<p><span style="font-family: 'comic sans ms', sans-serif;">Test line 1</span></p>
<p> </p>
<p><span style="font-family: 'comic sans ms', sans-serif;">Test line 2</span></p>
空行由
<p>
标记表示。不间断空格是占位符,可让TinyMCE将光标放置在此处。它不被视为用户生成的内容,因此不会将字体范围应用于它。