禁用TinyMCE按钮

时间:2016-10-15 19:26:20

标签: javascript jquery html tinymce

我有一个使用以下按钮的TinyMCE编辑器:

toolbar1: "newdocument fullpage | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect formatselect fontselect fontsizeselect",
toolbar2:  "cut copy paste | searchreplace | bullist numlist | outdent indent blockquote | undo redo | link unlink anchor | insertdatetime preview | forecolor backcolor",
toolbar3: "table | hr removeformat | subscript superscript | charmap | print fullscreen | ltr rtl | spellchecker | visualchars visualblocks",
toolbar4: 'contactButton | datesButton | feesButton | propertyButton'

toolbar4是我的默认按钮。如何禁用除打印按钮以外的所有按钮? 我的问题是我有两种类型的用户来打开我的编辑器。第一个是可以编辑内容的管理员用户,第二个用户只能查看和打印内容。

由于

1 个答案:

答案 0 :(得分:0)

当你加载TinyMCE时,你可以通过调用init() ...

来加载
tinymce.init({
   selector: textarea
   .
   .  
   .
});

您传递给init的项目只是一个简单的JavaScript对象。您可以使用一个对象公开编辑所需的所有按钮,以及一个仅包含print按钮的对象。当您加载页面时,您可以根据需要适当地初始化TinyMCE。例如:

var normalEditor = {
  selector: textarea, 
  toolbar1: '.....',
  toolbar2: '.....',
  .
  . 
  .
}

var reducedEditor = {
  selector: textarea, 
  toolbar1: 'print',
  .
  . 
  .
}


//pseudocode
if (<user is manager>) {
    tinymce.init(normalEditor);
} else {
    tinymce.init(reducedEditor);
}