TinyMCE 工具栏选择不出现在自定义工具栏中
TinyMCE toolbar selects not appearing in custom toolbar
我正在将一个新的 TinyMCE 实例安装到文本区域中。我正在使用他们的 cdn 加载它,并注册了一个 API 代码,并在仪表板上注册了我的网站。它可以正常工作并正确加载 tinyMCE,直到我尝试修改工具栏以添加 select 选项。
更清楚地说,当我在没有配置的情况下加载时,我看到一个带有各种标题、块等的“段落”下拉列表。但是当我尝试加载示例或自定义我自己的示例时,我没有看到那些选项。
使用此配置:
tinymce.init({
selector: '#content',
plugins: 'fullscreen, link, image, table, code, lists, emoticons, advlist, charmap, searchreplace, codesample ',
toolbar: [
'undo redo | forecolor backcolor | formatting | align | numlist bullist | blockquote | link | image | table | code | template | symbol | searchreplace ',
'undo redo | sizeselect | styleselect | formatselect | fontselect | fontsizeselect | fullscreen '
],
toolbar_groups: {
formatting: {
icon: 'bold',
tooltip: 'Formatting',
items: 'bold italic underline | superscript subscript | codesample'
},
align: {
icon: 'align-left',
tooltip: 'Alignment',
items: 'alignleft aligncenter alignright alignjustify'
},
symbol: {
icon: 'insert-character',
tooltip: 'Symbol',
items: 'emoticons | charmap'
}
}
});
在第二个工具栏上,我只看到撤消、重做和全屏的图标。 None 的 select 渲染。
如果您使用的是 TinyMCE 5,配置应该可以正常工作。但是,如果您使用的是 TinyMCE 6,则工具栏按钮已重命名:https://www.tiny.cloud/docs/tinymce/6/migration-from-5x/#things-we-renamed。所以在那种情况下,你需要使用这样的东西:'undo redo | sizeselect | styles | blocks | fontfamily | fontsize | fullscreen'
.
我正在将一个新的 TinyMCE 实例安装到文本区域中。我正在使用他们的 cdn 加载它,并注册了一个 API 代码,并在仪表板上注册了我的网站。它可以正常工作并正确加载 tinyMCE,直到我尝试修改工具栏以添加 select 选项。
更清楚地说,当我在没有配置的情况下加载时,我看到一个带有各种标题、块等的“段落”下拉列表。但是当我尝试加载示例或自定义我自己的示例时,我没有看到那些选项。
使用此配置:
tinymce.init({
selector: '#content',
plugins: 'fullscreen, link, image, table, code, lists, emoticons, advlist, charmap, searchreplace, codesample ',
toolbar: [
'undo redo | forecolor backcolor | formatting | align | numlist bullist | blockquote | link | image | table | code | template | symbol | searchreplace ',
'undo redo | sizeselect | styleselect | formatselect | fontselect | fontsizeselect | fullscreen '
],
toolbar_groups: {
formatting: {
icon: 'bold',
tooltip: 'Formatting',
items: 'bold italic underline | superscript subscript | codesample'
},
align: {
icon: 'align-left',
tooltip: 'Alignment',
items: 'alignleft aligncenter alignright alignjustify'
},
symbol: {
icon: 'insert-character',
tooltip: 'Symbol',
items: 'emoticons | charmap'
}
}
});
在第二个工具栏上,我只看到撤消、重做和全屏的图标。 None 的 select 渲染。
如果您使用的是 TinyMCE 5,配置应该可以正常工作。但是,如果您使用的是 TinyMCE 6,则工具栏按钮已重命名:https://www.tiny.cloud/docs/tinymce/6/migration-from-5x/#things-we-renamed。所以在那种情况下,你需要使用这样的东西:'undo redo | sizeselect | styles | blocks | fontfamily | fontsize | fullscreen'
.