Question

我正在使用jquery redactor，一切都很好，但我想让一些部分的行为类似于编辑就地编辑器。

我理解按钮的工作方式，例如：

var buttons = ['formatting', '|', 'bold', 'italic'];

$('#redactor').redactor({buttons: buttons});

并设置按钮：

var buttons = [];

所以没有按钮，但工具栏仍然显示。

问题有没有办法删除工具栏和按钮？

Answer 1

如果您使用空数组设置buttons，则使用默认设置：

['html', '|', 'formatting', '|', 'bold', 'italic', 'deleted', '|',
'unorderedlist', 'orderedlist', 'outdent', 'indent', '|',
'image', 'video', 'file', 'table', 'link', '|',
'fontcolor', 'backcolor', '|', 'alignment', '|', 'horizontalrule']

因此，您可以设置toolbar设置如下：

$('#redactor').redactor({
   toolbar: false
});

如果您希望工具栏加载到编辑器的单独图层中：

$('#redactor').redactor({
    toolbarExternal: '#your-toolbar-id'
});

文档：http://imperavi.com/redactor/docs/settings/

Answer 2

是的，有toolbar属性的帮助：

$('#redactor').redactor({toolbar: false});

参考： http://imperavi.com/redactor/docs/settings/

Answer 3

从文档中拖动div后，我想专注于可编辑的编辑器。如何在redactor可编辑区域触发焦点功能？

我试过了：

$('#'+maskId).draggable({
  containment: '#content',
  drag: function(){
    // ...
  },
  stop: function() {
    $('#'+redactorTextareaId).redactor({
      focus: true
    });
  }
});

和

$('#'+maskId).draggable({
  containment: '#content',
  drag: function(){
    // ...
  },
  stop: function() {
    $('#'+redactorTextareaId).focus();
  }
});

Redactor没有工具栏

3 个答案: