Question

我正在使用代码镜像在网页中显示，突出显示和编辑xml，但我遇到的问题是光标位置偏离插入位置，因此如果删除闪烁光标所在的字符，在你想要的那个之前的一个角色会被删除。我假设它与我当前的页面发生了css冲突，因为它在我的页面之外运行良好，但无法在任何地方找到冲突。有没有人有类似的问题或知道该怎么做？

Answer 1

进一步的调查表明，该页面在嵌入在字段集中的所有div上设置了填充，这是造成问题的原因。

Answer 2

以下几行为我解决了这个问题：

.CodeMirror pre {
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}

我在CodeMirror配置中使用lineWrapping: true。将其设置为false也可以。

Answer 3

小心使用CodeMirror缩放CSS。

我使用放大身体并移除那对我有效。

Answer 4

有时，在斜体或粗体线下方（取决于您的操作系统和浏览器），光标的垂直位置错误，最多可达一行的90％。可以通过设置来轻松修复，例如

.CodeMirror pre {
    height:15px;
}

CSS样式表中的任何位置。如果您发现代码行显示得彼此太近，这也为您提供了一种控制行高的方法。

Answer 5

由于某种原因，在计算线条尺寸时，未启用缩进时的空白区域未得到正确处理。用measureLine中的以下内容替换codemirror.js函数对我来说很有用：

function measureLine(cm, line) {
    // First look in the cache
    var cached = findCachedMeasurement(cm, line);
    if (cached) return cached.measure;

    // Failing that, recompute and store result in cache
    var measure = measureLineInner(cm, line);

    var origL;
    var origR;
    var lastR ="";
    for (var mes in measure) {
        origL = measure[mes].left;
        origR = measure[mes].right;

        if (lastR != "") {
            measure[mes].left = lastR;
            measure[mes].right = lastR + (origR - origL);
        }

        if (origL == origR) {
            measure[mes].right = measure[mes].right + 8;
        }
        lastR = measure[mes].right;
    }

    var cache = cm.display.measureLineCache;
    var memo = {
        text: line.text, 
        width: cm.display.scroller.clientWidth,
        markedSpans: line.markedSpans,
        measure: measure,
        classes: line.textClass + "|" + line.bgClass + "|" + line.wrapClass
    };

    if (cache.length == 16) cache[++cm.display.measureLineCachePos % 16] = memo;
    else cache.push(memo);
    return measure;
}

Answer 6

在调整父容器大小后，这个问题经常发生在我身上。有用的是：

editor.setSize("100%", "100%");
editor.focus();

在调整大小事件处理程序的末尾。

Codemirror游标位置偏移

6 个答案: