javascript - CodeMirror 2: Multiple indent is deleting lines - Stack Overflow

admin管理员组

文章数量:1305014

I have implemented Code Mirror as a plugin into a CMS system.

I have an issue where if I select multiple lines and press tab the lines are deleted.

This does not happen on the Code Mirror demo website. I can't find a configuration option to enable or disable multiple indent.

Here is my configuration code:

this.CodeArea = CodeMirror.fromTextArea(codeArea, {
    lineNumbers: true,
    mode: { name: "xml", htmlMode: true },
    onChange : function (editor) {
        editor.save();
    }
});

Context: .Tridion2011Extensions.CodeMirror/BuildingBlocks.Tridion2011Extensions.CodeMirror/Scripts/codemirror/codemirror.js

I'm not sure what I'm missing. Any ideas?

I have implemented Code Mirror as a plugin into a CMS system.

I have an issue where if I select multiple lines and press tab the lines are deleted.

This does not happen on the Code Mirror demo website. I can't find a configuration option to enable or disable multiple indent.

Here is my configuration code:

this.CodeArea = CodeMirror.fromTextArea(codeArea, {
    lineNumbers: true,
    mode: { name: "xml", htmlMode: true },
    onChange : function (editor) {
        editor.save();
    }
});

Context: https://github./rsleggett/tridion-mirror/blob/master/src/BuildingBlocks.Tridion2011Extensions.CodeMirror/BuildingBlocks.Tridion2011Extensions.CodeMirror/Scripts/codemirror/codemirror.js

I'm not sure what I'm missing. Any ideas?

• javascript
• codemirror

Share Improve this question Follow edited May 24, 2012 at 13:05 Rob Stevenson-Leggett asked May 21, 2012 at 18:03 Rob Stevenson-LeggettRob Stevenson-Leggett 35.7k2121 gold badges9292 silver badges142142 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 13 +200

The CodeMirror javascripts differ between your version and the demo version:

In the demo version at around line 2036 there is the following code block that is missing from your version:

defaultTab: function(cm) {
    if (cm.somethingSelected()) cm.indentSelection("add");
    else cm.replaceSelection("\t", "end");
}

Along with a bunch of functions related to CodeMirror.keyMap.

Compare the two and merge the missing bits, or just use the script from the demo version.

In my case, this was happening because I used the custom snippet from CodeMirror official documentation which mapped the Tab ¡to insert spaces instead of a tab character:

editor.setOption("extraKeys", {
  Tab: function(cm) {
    var spaces = Array(cm.getOption("indentUnit") + 1).join(" ");
    cm.replaceSelection(spaces);
   }
});

Removing this custom snippet made block tabulation work again and spaces were used instead of tabs by default.

本文标签： javascriptCodeMirror 2 Multiple indent is deleting linesStack Overflow