TinyMCE - 样式:插入日期时间插件 - 字体/大小

TinyMCE - style: insert date time plugin - font / size

谁能告诉我如何或是否可以设置由 TinyMCE insertdatetime 插件插入的文本的样式?

具体来说,我想将字体大小设置为小于文本的其余部分。

我也想知道这样做是否会导致后续键入的文本出现问题,因为它会继续使用不同的字体大小?

这是我现在使用的:

insertdatetime_formats: [ '✏️ (%d/%m/%Y  -  %Hh%M)', '%d/%m/%Y' ],

一种方法是使用 insertdatetime_element: true 将 date/time 字符串包装在 <time> 元素中,然后使用 content_style 设置 <time> 标签的样式.正如您所说,这确实会产生一个问题,如果您继续键入(直到您按下 Enter 键),文本将保持较小。

作为解决方法,您可以使用 noneditable_noneditable_classextended_valid_elements 将不可编辑的 class 添加到 <time> 标签(如果它不需要可编辑) 之后键入的任何文本都将恢复为默认样式。

示例 fiddle:https://fiddle.tiny.cloud/LShaab/3

tinymce.init({
    selector: "textarea",
    plugins: [
        "insertdatetime noneditable"
    ],
    insertdatetime_formats: ['(%d/%m/%Y  -  %Hh%M)', '%d/%m/%Y'],
    insertdatetime_element: true,
    content_style: "time { font-size:11px; }",
    noneditable_noneditable_class: 'mceNonEditable',
    extended_valid_elements: 'time[class=mceNonEditable]'
});