Javascript 更改突出显示的空行Tinymce中的字体名称
我使用的是rails tinymce(tinymce 5.0),但无法更改突出显示的空行中的字体名称。例如,如果我有如下所示的两行: 突出显示所有内容并更改字体名称: 空行仍为Arial 11(默认字体和大小): 以下是我的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",
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> </p>
<p><span style="font-family: 'comic sans ms', sans-serif;">Test line 2</span></p>