iFrameのWYSIWYGのフォントサイズは、ここに私のjsFiddleだ

Question

はリセットされません。https://jsfiddle.net/wsounka3/

私はWYSIWYG内のフォントサイズを変更して書かれたテキストをすべて削除し、それが起動するのではなく、最後のフォントサイズを保持し、再び書き込みを開始するともう一度新鮮。

iframeを最後のフォントサイズを「忘れる」ようにするにはどうすればよいですか？

コード：

function iwrap(elem,iwin,idoc){ 
    var element = idoc.createElement(elem); 
    var sel = iwin.getSelection(); 
    if(sel.rangeCount){ 
    var range = sel.getRangeAt(0).cloneRange(); 
    range.surroundContents(element); 
    sel.removeAllRanges(); 
    sel.addRange(range); 
    } 
} 

$('#smaller').click(function(){ 
    iwrap('small',iwin,idoc); 
    update_code(); 
}); 

$('#larger').click(function(){ 
    iwrap('big',iwin,idoc); 
    update_code(); 
}); 

サイドの質問：私はそれが奇妙<big>と<small>タグ内のテキストを包むことで、それはそれはピクセルに変換することを決定したことがわかります。それがなぜこれを行うのか説明できる人はいますか？

Answer 1

削除をクリックすると、ラッピングタグではなくテキストコンテンツが削除されるためです。テキストコンテンツがないときにマークアップをクリアすることができます。また、最後の要素サイズを保持するChromeバグがあるので、継ぎ目を修正する前に[span]タグでラップしてください。

keyup 、単にSPANにBIG/SMALL

function update_code(){ 
    var $body = $(idoc).contents().find('body'); 
    if ($.trim($body.text()).length == 0) { 
     iwrap('span', iwin, idoc); // chrome bug 
     $body.empty(); 
    } 

    var icontent = $body.html(); 
    $('div#code').html(icontent); 
} 

がクリーンアップのチェックを追加します。サイズは、自動クロム事

ように見えます