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_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 insertdatetime 插件插入的文本的样式?
具体来说,我想将字体大小设置为小于文本的其余部分。
我也想知道这样做是否会导致后续键入的文本出现问题,因为它会继续使用不同的字体大小?
这是我现在使用的:
insertdatetime_formats: [ '✏️ (%d/%m/%Y - %Hh%M)', '%d/%m/%Y' ],
一种方法是使用 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]'
});