본문 바로가기
지속가능티끌/웹,워드프레스

CKEditor. html태그 자동 삭제 방지 설정.

by i.got.it 2016. 8. 27.
 

개요

 

증상.

CKEditor 기본 설정옵션으로는 편집창에  html 태그(예 : <sciript></scip>, <code></code>등 ) 기록한 경우,  처음에 한번은 정상적으로 기록된것처럼 보이나, 다시 수정하려고 CKEditor 편집창 열면 태그들이 자동 삭제된다.  


태그들 자동삭제 방지 옵션 설정하기.


1
2
3
4
5
6
7
8
9
10
<script>
 
    CKEDITOR.replace('editor1',{
        allowedContent: true, // html 태그 자동삭제 방지 설정. 
        width: 640,
        height: 600
 
    } );
 
</script>


그러나, 위 설정을 했다고 해서 태그 표현이  완전히 정상화 되지는 않았다. 

설정 allowedContent: true,  로 하면 최소한 html 소스 수준에서는 태그를 자동 삭제하지 않는 정도에서 활용하기로 함.  즉, allowedContent 를 true로 설정해도 아래 예1,2처럼 CKEditor 는 어중간한 처리 수행함.


예1, <script> </script> 태그인 경우.

1. CKEditor 위지윅편집모드에서 <script> bla bla  </script> 를 기록하고 처음에 저장하고 나서 웹에서 보이는 모습은 입력한 그대로 보인다.

2. 상기 1의 내용을 편집하려고 CKEditor 편집모드로 진입하면 기록했던 <script> bla bla  </script> 전체가 보이지 않게 된다.

3. 상기 2의 상태에서 소스보기로 들어가보면   <p><script> bla bla </script></p>  로 기록되어있다.


예2, <code> </code> 태그인 경우.

1. CKEditor 위지윅편집모드에서 <code> bla bla  </code> 를 기록하고 처음에 저장하고 나서 웹에서 보이는 모습은 입력한 그대로 보인다.

2. 상기 1의 내용을 편집하려고 CKEditor 편집모드로 진입하면  bla bla 만 보인다. 

3. 상기 2의 상태에서 소스보기로 들어가보면   <p><code> bla bla </code></p>  로 기록되어있다.


상기  예2의 경우 태그<code></code>사이에 뭐라도 기록해둬야 태그 삭제되지 않으며, 비어있는 태그인 경우 CKEditor 는 해당태그들 모두 삭제처리함. 한편, <script></script> 인 경우엔 태그사이에 아무것도 기록하지 않아도 삭제 처리되지 않음.


 


 

///911.

댓글



 

비트코인




암호화폐       외환/나스닥/골드         암호화폐/외환/나스닥/골드
     
현물 |선물 인버스 |선물 USDT       전략매니저(카피트레이딩)         프랍 트레이더 온라인 지원가능. MT4,MT5