html 微型MCE表:如何隐藏高级属性?

hfsqlsce  于 2022-12-25  发布在  其他
关注(0)|答案(3)|浏览(159)

我正在使用TinyMCE在当前的最后一个版本(5.0.14)与表插件,我试图从菜单中删除表插件的更高级的功能:

  • 表属性
  • 表行属性
  • 表格单元格属性

记录了以下属性:

table_advtab: false,
table_row_advtab: false,
table_cell_advtab: false

尽管它们没有效果。
下面是一个小提琴显示的问题:https://jsfiddle.net/o2e8nhyb/1/(很抱歉没有使用SO代码段,TinyMCE加载其他资源时出错...)
有没有人有办法从菜单中删除这些选项?
先谢谢你!

    • 编辑**

非常感谢您的帮助,它帮助我澄清了我对TinyMCE及其选项的理解。
所以我的问题是:如何摆脱这些:

我想提供最简单的用户体验,但这些功能对我来说似乎太细了。
有没有办法让那些消失呢?(我也想摆脱Row properties)。

ybzsozfc

ybzsozfc1#

在你的JS Fiddle中,这些选项做的正是它们想要做的事情...它们从表格、单元格和行属性对话框中删除了一个高级选项卡。如果你注解掉它们,你会注意到每个对话框中都出现了一个高级选项卡。
例如,以下是包含您的设置的“单元格属性”对话框:

以下是删除了table_cell_advtab选项的同一对话框:

编辑:根据您对我的回复的评论,让我补充一些额外的细节...

如果您想从菜单栏中完全删除选项,您可以准确定义菜单栏上有/没有哪些选项:
https://www.tiny.cloud/docs/configure/editor-appearance/#menu
请注意,一旦你决定这样做,你必须明确地在菜单上说明你想要的一切。我参考的文档页面显示了TinyMCE 5的默认设置。
此外,您可能还需要查看工具栏上的配置,以确保不会在主工具栏或浮动表格工具栏上显示任何不需要的内容:
https://www.tiny.cloud/docs/configure/editor-appearance/#toolbarhttps://www.tiny.cloud/docs/plugins/table/#table_toolbar

kuarbcqp

kuarbcqp2#

如果您只想查看工具栏中的某些表属性,可以尝试以下操作

selector:'textarea' ,
                    plugins: 'lists table',
                    menubar: false,
                    toolbar: 'undo redo | formatselect | bold italic underline | bullist numlist | tabledelete | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol\n',
                    table_advtab: false,
                    table_row_advtab: false,
                    table_cell_advtab: false

如果我没理解错你的问题

nbnkbykc

nbnkbykc3#

一个有点老的线程,但我有一个或另一个"问题"我的小变通办法是启用菜单栏,改变那里的表格菜单,并添加一个新的表格工具栏
小提琴:https://jsfiddle.net/9cf6swa1/

tinymce.init({ 
      selector:'textarea' ,
      plugins: 'lists table',
      menubar: true,
        menu: {
    file: { title: 'File', items: '' },
    edit: { title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall | searchreplace' },
    view: { title: 'View', items: ''},
    insert: { title: 'Insert', items: 'link inserttable charmap ' },
    format: { title: 'Format', items:  ''},
    tools: { title: 'Tools', items:  '' },
    table: { title: 'Table', items: 'inserttable | row column |   deletetable' },
    help: { title: 'Help', items: 'help' }
  },
      toolbar: 'undo redo | formatselect | bold italic underline | bullist numlist ',
      table_advtab: false,
      table_row_advtab: false,
      table_cell_advtab: false,
      table_toolbar: 'tabledelete | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol', 

    });

相关问题