javascript - Ace 编辑器中的 RTL 支持 - 箭头键

Question

当我键入希伯来语时，箭头键会向相反方向移动光标。有什么解决办法吗？谢谢

Answer 1

关于这个问题有一个开放的 GitHub问题。不幸的是，似乎还没有实现真正的从右到左的支持。

无论如何，您可以尝试以下方法之一作为解决方案：

1) 使用 Ace 容器中的CSSdirection属性强制从右到左渲染。尽管它与文本样式有关，但也许会有所帮助。

2）如果这没有帮助，您可以尝试捕获箭头事件并发送“假事件”（请参阅​​此 StackOverflow 帖子以获取代码参考）：

function triggerFakeKeyEvent(keycode) {
    let keyboardEvent = document.createEvent("KeyboardEvent");
    let initMethod = typeof keyboardEvent.initKeyboardEvent !== 'undefined' ? "initKeyboardEvent" : "initKeyEvent";

    keyboardEvent[initMethod](
        "keydown", // event type: keydown, keyup, keypress
        true,      // bubbles
        true,      // cancelable
        window,    // view: should be window
        false,     // ctrlKey
        false,     // altKey
        false,     // shiftKey
        false,     // metaKey
        keycode,   // keyCode: unsigned long - the virtual key code, else 0
        0          // charCode: unsigned long - the Unicode character associated with the depressed key, else 0
);
    document.dispatchEvent(keyboardEvent);
}

document.addEventListener('keydown', function(event) {
    // left arrow key
    if(event.keyCode === 37) {
        event.preventDefault();  // ignore the original keyboard event
        triggerFakeKeyEvent(39);
    }
    // right arrow key
    else if(event.keyCode === 39) {
        event.preventDefault();  // ignore the original keyboard event
        triggerFakeKeyEvent(37);
    }
});