Contenteditable div 제거 <font>

Question

기본 글꼴 크기로 14px의 contentEditable div가 있습니다. 기본 글꼴 크기는 사용자 정의 부분 (13-15px)에서 변경할 수 있습니다.

선택한 텍스트의 글꼴 크기를 변경하는 버튼을 추가했습니다.

nicEditors.findEditor('myInstance1').nicCommand('fontSize', '5'); 

버튼은 그 함수를 호출

nicCommand : function(cmd,args) { 
    document.execCommand(cmd,false,args); 
} 

의 contentEditable 사업부에서 그 결과

<font size="5">Such a</font> 

그것은 작동하지만 내가 <font> 태그를 제거 할 수있는 방법을 찾을 수 없습니다. 그래서 nicCommand 인수에 null 또는 0 또는 -1 또는 2 또는 3을 넣으려고했으나 결과 크기가 나머지와 같지 않습니다.

contentEditable div에서 <font> 태그를 제거하거나 이동 하시겠습니까?

이 경우 이동 : 당신은 이것을 가질 수 있습니다 <font size="5"> 고양이가 뭔가를 제어합니다. </font>. 사용자가 <font size="5">에서 'Something is is'를 제거하려면 'Something is is'를 선택하십시오. 이 경우 <font size="5">은 "is"다음에 있어야합니다.

Answer 1

의 옵션이 있습니다 document.execCommand 편집기의 내용입니다

var reg = /<font\ssize="\d+">(.*?)<\/font>/g; 
str = str.replace(reg, "$1"); 

을 사용하여 난 안했다 Firefox와 Chrome, IE에서 잘 작동하며 어느 것이 작동합니까? removeformat :

nicEditors.findEditor('myInstance1').nicCommand('removeformat', null) 

이 (10)는 그 함수를 호출

nicCommand : function(cmd,args) { 
    document.execCommand(cmd,false,args); 
} 

removeformat 선택한 텍스트의 모든 태그를 제거 할 수 있습니다. 이는 <b>을 <i>으로, <u>을 으로 각각 제거합니다. 그건 나에게 좋다. :-)

Answer 2

그냥 삭제하고 싶은 경우는, str이

demo