TinyMCE

Question

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

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

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

这是我现在使用的：

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

Answer 1

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

作为解决方法，您可以使用 noneditable_noneditable_class 和 extended_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]'
});

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

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

javascript

html

css

tinymce-5