我正在尝试在保留原始文本的同时替换codemirror中突出显示的文本位。假设您在codemirror中有以下文本
Hi I'm 22
我想用21代替22.我的函数将返回Hi I'm 21
,而codemirror仍然会读取原始文本Hi I'm 22
。我已经将21作为标记,因此我有一个开始和结束索引。
我最终得到以下代码
cm.replaceRange(..)
value = cm.getValue()
cm.undo()
这很好,除了它对我的用例来说有点太慢了,浏览器花了很多时间为用户看不见的replaceRange和undo进行dom和样式操作,浪费了周期:(< / p>
所以我提出了另一种方法,使用cm.getValue(),计算标记的绝对开始和结束索引,将cm.getValue()分成前后夹在它们之间的部分。
我已经编写了以下函数来执行此操作,并且主要是。它有时会变坏,我真的不知道为什么,我现在已经调试了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);
}
如果我在行1.6
中标记了数字mat2 octave_m = mat2(1.6,1.2,-1.2,1.6);
,那么它会正确地将起始索引报告为598
。如果我在行301
中标记了数字vec2 u = f*f*(3.0-2.0*f);
,则会错误地将索引报告为1153
,即使该索引应该是1204
,也可能是快50岁了!
有没有人知道为什么我的方法没有按预期工作,或者是否有人编写自己的方法来查找绝对索引?