簡體   English   中英

在FireFox中document.execCommand怪異的結果

[英]document.execCommand weird results in FireFox

所見即所得文本格式功能

/*
 * myEditor - iframe element
 */
function doFormat(what) {

    var cWin = $('#myEditor', window.parent.document)[0].contentWindow; 

    cWin.$('body').attr({ 'contentEditable': true, 'designMode': 'On'} );

    var what = 'justifyright';

    cWin.document.execCommand(what, false, arguments[2]);

    cWin.$('body').attr({'contentEditable': 'false'} );
    return;
}

HTML:

<span id="obj_123" contenteditable="true"> 
    text<br /> 
    moretext<br /> 
    alot of text <br /> 
</span>

如果單擊或突出顯示了跨度內容的PART(僅在選擇了Part的情況下),並調用了函數doFormat(帶有任何對正函數)

結果是:

<span id="obj_123" contenteditable="true"> 
    text<br /> 
</span>

<div align="right">
    <span id="obj_123" contenteditable="true">
        moretext<br /> 
    </span>
</div>

<span id="obj_123" contenteditable="true">
    alot of text <br /> 
</span>

預期成績:

<span id="obj_123" contenteditable="true"> 
    text<br /> 

    <div align="right">
        moretext<br /> 
    </div>
    alot of text <br /> 
</span>

就像它先復制父節點,然后在每次格式化時復制它。

其他execCommand調用(如粗體/斜體/下划線等)按預期工作。

我希望在這個主題上有任何幫助。 非常感謝你。

編輯:添加了一個小提琴測試用例http://jsfiddle.net/n7SgJ/

事實證明,僅當富文本包裝器是SPAN標記時才會發生這種情況。 如果使用DIV標簽,則一切正常。

有合理的解釋嗎?

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM