Search Results for '개발노트/Script/CSS/jQuery'

18 POSTS

  1. 2009.07.25 tiny_mce 에서 한글 문제 1
  2. 2008.01.26 동적으로 테이블 TR태그 추가/삭제하기
  3. 2007.12.31 Ajax를 이용한 UI개발(WYSWYG에디터) 기사 발췌

tiny_mce 에서 한글 문제

Posted 2009. 7. 25. 14:12
tiny_mce WYSWYG editor를 사용하면서 발견하게 된 문제점.

아무생각없이 웹에서 tiny_mce를 다운받아 세팅하고

적용하면서 잘 쓰는데 알수 없는 이상한 버그가 발견되었다.

처음 로딩하고 한글로 설정되어 있는 상태에서 글자를 쓰려고 하면 한글자 써지고 또 지워지고...

엔터나 한영키 누른후에는 정상작동.

분명 한글문제와 관련있다고 생각되어 style="ime-mode:inactive" 를 추가도 해보고 뻘짓아닌 뻘짓도 해보고...

잘 안됬다.

그러다 여기저기 설치된 tiny_mce 에디터를 비교해 보면서 알게 된 차이점.

옵션사항이 다르다는것을 알게됬다.

바로 아래 옵션 추가후

forced_root_block : false

결국 해결.





<HTML>
<HEAD>
<script type="text/javascript">
<!--
//추가
function addTR(tr_id) {
   
    var id = document.getElementById(tr_id);
    var len = id.rows.length;
    var newRow = id.insertRow(len-1);
    var td0 = newRow.insertCell(0);
    var td1 = newRow.insertCell(1);
    var td2 = newRow.insertCell(2);
    td0.innerHTML = (len+1)+"번째 tr ";
    td1.innerHTML = " new cell 2 ";
    td2.innerHTML = " new cell 3 ";
}
//삭제
function delTR(tr_id) {
    var id = document.getElementById(tr_id);  
    var len = id.rows.length;
    id.deleteRow(1));
}
//-->
</script>
</HEAD>
<BODY>
<form name='f'>
<input type="button" value="ADD" onclick="addTR('dynamicTR');" />
<input type="button" value="DEL" onclick="delTR('dynamicTR');" />
<TABLE id="dynamicTR" border="1">
<TR>
 <TD>asdfasdf</TD>
 <TD>asdf</TD>
 <TD>asdfasdf</TD>
</TR>
</TABLE>
</form>
</BODY>
</HTML>


zdnet에서 올라온 기사를 링크한다.
zdnet기사보기



« PREV : 1 : 2 : 3 : 4 : 5 : 6 : NEXT »