带移调功能的ABC编辑器：未移调时保留反向高亮功能求助

你基于abcjs实现带移调功能的ABC编辑器时，遇到未移调状态下反向高亮（乐谱→文本）失效的问题：正向高亮（文本→乐谱）正常，但点击乐谱音符无法同步高亮对应ABC文本，而无移调的基础版本可正常实现反向高亮。

核心原因：即使visualTranspose设为0，abcjs内部仍会触发移调相关渲染逻辑，破坏了乐谱音符与原始ABC文本的位置映射关系，导致反向高亮无法匹配。

修改paramChanged函数，仅当移调值不为0时才添加visualTranspose参数到renderParams；移调值为0时，使用默认无移调配置，保留原始映射关系。

修改后的代码如下：

function paramChanged() {
  var output = 'new ABCJS.Editor("abc", {\n' +
    '  canvas_id: "paper",\n' +
    '  warnings_id: "warnings",\n' +
    '  abcjsParams: renderParams,\n' +
    '  synth: {\n' +
    '    el: "#audio",\n' +
    '    options: {\n' +
    '      displayRestart: true, displayPlay: true, displayProgress: true,\n' +
    '      options: synthOptions\n' +
    '    }\n' +
    '  },\n' +
    '});'

  // 仅当移调值不为0时才添加visualTranspose参数
  var visualTransposeVal = parseInt(visualTransposeEl.value, 10);
  renderParams = { selectTypes: true };
  if (visualTransposeVal !== 0) {
    renderParams.visualTranspose = visualTransposeVal;
  }

  editor.paramChanged(renderParams);

  synthOptions = { midiTranspose: parseInt(audioTransposeEl.value, 10)};
  editor.synthParamChanged(synthOptions);

  output = output.replace("renderParams", JSON.stringify(renderParams));
  output = output.replace("synthOptions", JSON.stringify(synthOptions));
}

• 当未设置visualTranspose时，abcjs使用原始ABC文本渲染乐谱，音符与文本的位置映射关系完整，反向高亮的事件监听可正常匹配。
• 一旦显式设置visualTranspose（哪怕值为0），abcjs会启动移调处理流程，重新计算音符位置，导致原始文本与渲染后乐谱的映射关联断裂，反向高亮失效。
• 通过条件判断，仅在实际需要移调时启用该参数，未移调时保持默认配置，即可保留反向高亮功能。

内容的提问来源于stack exchange，提问作者jjon