没有工具栏的编辑器答案

【问题标题】：Redactor with no toolbar没有工具栏的编辑器
【发布时间】：2013-04-06 10:14:20
【问题描述】：

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

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

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

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

并将按钮设置为：

var buttons = [];

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

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

【问题讨论】：

标签： jquery wysiwyg redactor

【解决方案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/

【讨论】：

【解决方案2】：

是的，这是可能的，在 toolbar 属性的帮助下：

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

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

【讨论】：

【解决方案3】：

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

我试过了：

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

和：

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

【讨论】：