javascript - 在 CodeMirror 中查找 {line, ch} 对象的绝对起始索引

Question

我正在尝试替换 codemirror 中突出显示的文本，同时保留原始文本。假设您在 codemirror 中有以下文本

嗨，我 22 岁

我想用 21 替换 22。我的函数将返回 Hi I'm 21，而 codemirror 仍然读取原始文本 Hi I'm 22。我有 21 可用作标记，因此我有可用的开始和结束索引。

我最终得到了以下代码

cm.replaceRange(..)
value = cm.getValue()
cm.undo()

这很好，只是对于我的用例来说有点太慢了，浏览器花费大量时间为用户不可见的replaceRange和undo执行dom和样式操作，浪费了周期:(

所以我想出了一个替代方法，使用 cm.getValue()，计算标记的绝对开始和结束索引，将 cm.getValue() 分为前后部分，中间夹有 21。

我编写了以下函数来执行此操作，大部分都很好。有时它会变坏，我真的不知道为什么，我已经调试了 3 个多小时了。

function getIndexOfLineColumn(lineCh) {
    var lines  = editor.doc.children[0].lines;
    // Take all the lines, sum up their lengths up to but NOT including the line the character lies on
    // then add the column (lineCh.ch)
    var index  = lines.slice(0, lineCh.line).reduce(function (index, lineObj) {return index + lineObj.text.length + 1;}, 0) + lineCh.ch;
    return index;
}

我使用的一个字符串如下

// "Seascape" by Alexander Alekseev aka TDM - 2014
// License Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

const int NUM_STEPS = 8;
const float PI      = 3.1415;
const float EPSILON = 1e-3;
float EPSILON_NRM   = 0.1 / iResolution.x;

// sea
const int ITER_GEOMETRY = 3;
const int ITER_FRAGMENT = 5;
const float SEA_HEIGHT = 0.6;
const float SEA_CHOPPY = 4.0;
const float SEA_SPEED = 0.8;
const float SEA_FREQ = 0.16;
const vec3 SEA_BASE = vec3(0.1,0.19,0.22);
const vec3 SEA_WATER_COLOR = vec3(0.8,0.9,0.6);
float SEA_TIME = iGlobalTime * SEA_SPEED;
mat2 octave_m = mat2(1.6,1.2,-1.2,1.6);

// math
mat3 fromEuler(vec3 ang) {
    vec2 a1 = vec2(sin(ang.x),cos(ang.x));
    vec2 a2 = vec2(sin(ang.y),cos(ang.y));
    vec2 a3 = vec2(sin(ang.z),cos(ang.z));
    mat3 m;
    m[0] = vec3(a1.y*a3.y+a1.x*a2.x*a3.x,a1.y*a2.x*a3.x+a3.y*a1.x,-a2.y*a3.x);
    m[1] = vec3(-a2.y*a1.x,a1.y*a2.y,a2.x);
    m[2] = vec3(a3.y*a1.x*a2.x+a1.y*a3.x,a1.x*a3.x-a1.y*a3.y*a2.x,a2.y*a3.y);
    return m;
}
float hash( vec2 p ) {
    float h = dot(p,vec2(127.1,311.7)); 
    return fract(sin(h)*43758.5453123);
}
float noise( in vec2 p ) {
    1.0;
    vec2 i = floor( p );
    vec2 f = fract( p );    
    vec2 u = f*f*(3.0-2.0*f);
    return -1.0+2.0*mix( mix( hash( i + vec2(0.0,0.0) ), 
                     hash( i + vec2(1.0,0.0) ), u.x),
                mix( hash( i + vec2(0.0,1.0) ), 
                     hash( i + vec2(1.0,1.0) ), u.x), u.y);
}

如果我在 mat2 Octave_m = mat2(1.6,1.2,-1.2,1.6); 行中标记数字 1.6，那么它会正确地将起始索引报告为为598。但是，如果我从 vec2 u = f*f*(3.0-2.0*f); 行标记数字 301，它会错误地将索引报告为 1153，尽管索引应该是1204，但它相差了近 50!

有人知道为什么我的方法不能按预期工作，或者有人编写自己的方法来查找绝对索引吗？

Answer 1

你看到indexFromPos了吗？和 posFromIndex 方法？