如何在 tinyMce 中添加自定义块
How to add custom block in tinyMce
我想为 TinyMCE 添加自定义格式块,我可以使用以下代码完成。
style_formats: [
{title : 'Code', block : 'pre', classes : 'pre-code', exact: true},]
https://codepen.io/anon/pen/vWRGEg
但是,通过添加此代码,唯一的代码块以 drop-down 格式可见。
有一些默认选项,例如
- 标题
- 内联
- 阻止
- 对齐
https://codepen.io/anon/pen/jazqEv
是否可以在Block->pre section下添加自定义代码块?
为了与现有使用合并 style_formats_merge: true
每 docs
试试这个jsfiddle
style_formats: [
{ title: 'Headers', items: [
{ title: 'test', block: 'h1' },
{ title: 'h2', block: 'h2' },
{ title: 'h3', block: 'h3' },
{ title: 'h4', block: 'h4' },
{ title: 'h5', block: 'h5' },
{ title: 'h6', block: 'h6' }
] },
{ title: 'Blocks', items: [
{ title: 'p', block: 'p' },
{ title: 'div', block: 'div' },
{ title: 'pre', block: 'pre' }
] },
{ title: 'Containers', items: [
{ title: 'section', block: 'section', wrapper: true, merge_siblings: false },
{ title: 'article', block: 'article', wrapper: true, merge_siblings: false },
{ title: 'blockquote', block: 'blockquote', wrapper: true },
{ title: 'hgroup', block: 'hgroup', wrapper: true },
{ title: 'aside', block: 'aside', wrapper: true },
{ title: 'figure', block: 'figure', wrapper: true }
] }
],
visualblocks_default_state: true,
end_container_on_empty_block: true
我想为 TinyMCE 添加自定义格式块,我可以使用以下代码完成。
style_formats: [
{title : 'Code', block : 'pre', classes : 'pre-code', exact: true},]
https://codepen.io/anon/pen/vWRGEg
但是,通过添加此代码,唯一的代码块以 drop-down 格式可见。 有一些默认选项,例如
- 标题
- 内联
- 阻止
- 对齐
https://codepen.io/anon/pen/jazqEv
是否可以在Block->pre section下添加自定义代码块?
为了与现有使用合并 style_formats_merge: true
每 docs
试试这个jsfiddle
style_formats: [
{ title: 'Headers', items: [
{ title: 'test', block: 'h1' },
{ title: 'h2', block: 'h2' },
{ title: 'h3', block: 'h3' },
{ title: 'h4', block: 'h4' },
{ title: 'h5', block: 'h5' },
{ title: 'h6', block: 'h6' }
] },
{ title: 'Blocks', items: [
{ title: 'p', block: 'p' },
{ title: 'div', block: 'div' },
{ title: 'pre', block: 'pre' }
] },
{ title: 'Containers', items: [
{ title: 'section', block: 'section', wrapper: true, merge_siblings: false },
{ title: 'article', block: 'article', wrapper: true, merge_siblings: false },
{ title: 'blockquote', block: 'blockquote', wrapper: true },
{ title: 'hgroup', block: 'hgroup', wrapper: true },
{ title: 'aside', block: 'aside', wrapper: true },
{ title: 'figure', block: 'figure', wrapper: true }
] }
],
visualblocks_default_state: true,
end_container_on_empty_block: true