javascript – 如何在键入时格式化contenteditable div？

发布时间：2020-12-14 22:43:21 所属栏目：资源来源：网络整理

导读：我正在尝试编写一个函数,允许一个contenteditable div在用户输入div时进行一些自动格式化.到目前为止,我只能让它在IE中运行.有人可以帮帮我吗？ function formatOnKeyUp(){ if (window.getSelection) { // ??????? } else if (document.selection) { cursorP

我正在尝试编写一个函数,允许一个contenteditable div在用户输入div时进行一些自动格式化.到目前为止,我只能让它在IE中运行.有人可以帮帮我吗？

function formatOnKeyUp(){
    if (window.getSelection) {
        // ???????
    } else if (document.selection) {
        cursorPos=document.selection.createRange().duplicate();
        clickx = cursorPos.getBoundingClientRect().left; 
        clicky = cursorPos.getBoundingClientRect().top;
    }

    text = document.getElementById('div1').innerHTML;
    text = text.replace(/this/gm,"


最佳答案
您可以在我的Rangy库中使用selection save and restore module,它在选择边界使用不可见的标记元素.我还建议在一段时间的键盘不活动后进行替换,而不是每次键盘事件：

function formatText(el) {
    // Save the selection
    var savedSel = rangy.saveSelection();

    // Do your formatting here
    var text = el.innerHTML.replace(/this/gm,"


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!