1

我有一个要求,我需要在每一行中显示行字符数。我像这样在排水沟里展示它

在此处输入图像描述

每行的限制为 112,因此当用户键入超过 112 个字符时,装订线编号变为负数。一切都很好。但是当我复制粘贴时它不起作用。该行是从复制/粘贴文本中识别的,并且仅显示行字符数的装订线标记的所有内容均未显示。

我有一个关于该行为的小视频演示,以及下面发布的代码。

视频

// Instantiate CodeMirror
var textEditor = CodeMirror(document.getElementById('noteArea'), {
  lineNumbers: true,
  autofocus: true,
  gutters: ["CodeMirror-linenumbers", "lineLength"],
  lineWrapping: true,
  fixedGutter: true,
  lineWiseCopyCut: true,
  dragDrop: true,
  lineSeparator: '\n'
});

// Logic to check character length in one line. This function also displays the number of characters on the left
textEditor.on("change", function(cm, change) {
  var doc = cm.getDoc();
  var cursor = doc.getCursor();
  var count = 112 - cursor.ch
  var line = doc.size -1
  var info = cm.lineInfo(line);
  cm.setGutterMarker(line, "lineLength",makeMarker(count, line));
});
4

0 回答 0