将 codemirror 与 elfinder 一起使用时主题不起作用

Question

我正在使用带有 codemirror 的 elfinder editor.When 我在没有 elfinder 的情况下使用了 codemirror 主题 well.But 在 elfinder 主题中不是 works.Here 我使用的代码:

$(document).ready(function() {
 $('#elfinder').elfinder({
url: 'path of connector file'
// add more options here
commandsOptions: {
  edit: {
    mimes: ['text/plain', 'text/html', 'text/javascript','text/css','application/x-httpd-php'],
    editors: [{
      mimes: ['text/plain', 'text/html', 'text/javascript','text/css','application/x-httpd-php'],
      load: function(textarea) {
        var mimeType = this.file.mime;
        return CodeMirror.fromTextArea(textarea, {
          mode: mimeType,
          lineNumbers: true,
          indentUnit: 4,
          theme: "dracula",
         styleActiveLine: true,
            matchBrackets: true,
        });
      },
      save: function(textarea, editor) {
        $(textarea).val(editor.getValue());
      }
    }]
  }
  }
});
});

我已经包括了所有需要的东西 css files.Please 帮助为什么主题不起作用。

Answer 1

我正在解决这个问题 problem.Actually 问题在 mimes.Now 工作代码是：

 $(document).ready(function() {
      $('#elfinder').elfinder({
       url: 'path of connector file'
     // add more options here
      commandsOptions: {
 edit: {

editors: [{
  mimes: [],
  load: function(textarea) {
    var mimeType = this.file.mime;
    return CodeMirror.fromTextArea(textarea, {
      mode: mimeType,
      lineNumbers: true,
      indentUnit: 4,
      theme: "dracula",
     styleActiveLine: true,
        matchBrackets: true,
    });
  },
  save: function(textarea, editor) {
    $(textarea).val(editor.getValue());
  }
    }]
    }
     }
        });
       });

将 codemirror 与 elfinder 一起使用时主题不起作用

Theme is not working when use codemirror with elfinder

php

codemirror

elfinder