【问题标题】:TinyMCE font size select, initial value is with unit (16px) even though fontsize_formats are values (small, medium, …)TinyMCE 字体大小选择,初始值是单位(16px),即使 fontsize_formats 是值(小,中,...)
【发布时间】:2021-06-11 07:20:40
【问题描述】:

我使用 TinyMCE 作为所见即所得的文本编辑器,我希望用户在某些值(小、中、大……)中选择字体大小,而不是单位大小(12 像素、14 像素……) 到目前为止,我使用以下代码

tinymce.init({
    // …
    toolbar: [
        '… | fontsizeselect',
    ],
    content_style: "body { font-size: medium }",
    fontsize_formats: 'small medium large',
});

除了在第一次选择字体大小之前菜单栏显示 16px 之外,它工作正常。

有没有办法让我们看到“中等”而不是 16 像素?

一旦选择了一个尺寸,16px 就不会再出现在下拉列表中了...除非内容被删除然后字体大小选择再次显示 16px。

提前感谢您的帮助。

【问题讨论】:

    标签: javascript tinymce


    【解决方案1】:

    该选择列表将向您显示光标所在的当前字体大小,即使该选项不是可供选择的选项。

    我制作了一个简单的 TinyMCE Fiddle,通过更多解释来展示这种行为:

    https://fiddle.tiny.cloud/OFhaab

    小提琴通过 CSS 设置“默认”字体大小:

    content_style: `
        p {
            font-size: 15pt;
        }
    `
    

    ...但是 15pt(与 20px 相同)不是字体大小选择列表中的选项之一。当 TinyMCE 首次加载时,它会显示内容开头的字体大小。如果单击选择列表,您将看到 15pt/20px 不是您可以选择的选项,但它显示了该值,因为这确实是当前内容的字体大小。如果您单击内容中的其他位置,您将看到选择列表更改为始终显示当前所选内容的字体大小(例如光标所在的位置),但可供选择的选项仅限于您通过 TinyMCE 配置提供的内容(如果您不提供任何通过配置,则使用我们的默认值。

    【讨论】:

    • 感谢@Michael 的回答,我已经掌握了这部分。我想要的是选择显示“中等”(特别是因为我添加了content_style: "body { font-size: medium }",)而不是 15pt/20px
    猜你喜欢
    • 2015-09-04
    • 1970-01-01
    • 2012-09-19
    • 1970-01-01
    • 2016-04-17
    • 1970-01-01
    • 2015-06-13
    • 1970-01-01
    • 2011-07-17
    相关资源
    最近更新 更多