使 contenteditable div ：固定宽度并使用替换模式

Question

我的目标是制作固定宽度的文本编辑器，其中每一行都有不同的规格。

为此我需要....

让 contenteditable div : 固定宽度

接下来是否可以在编辑时替换字符而不是插入字符

我也想限制允许的字符数。这是我的操作方法，但是是否有更好的方法？ （这使它人为地固定宽度）

document.addEventListener("beforeinput", function(e) {
    console.log("input event fired"+e.data);
    if (e.data != null && e.target.innerText.length +e.data.length > 3) {
        e.preventDefault();
        return;
    }
}, false);