jquery - 没有工具栏的编辑器

Question

我正在使用 jquery 编辑器，一切都很好，但我想让某些部分表现得像就地编辑器。

我了解按钮的工作原理，例如：

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 后，我想专注于可编辑的编辑器。如何在编辑器可编辑区域触发焦点功能？

我试过了：

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

和：

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