개요 | |||
증상. CKEditor 기본 설정옵션으로는 편집창에 html 태그(예 : <sciript></scip>, <code></code>등 ) 기록한 경우, 처음에 한번은 정상적으로 기록된것처럼 보이나, 다시 수정하려고 CKEditor 편집창 열면 태그들이 자동 삭제된다. 태그들 자동삭제 방지 옵션 설정하기.
그러나, 위 설정을 했다고 해서 태그 표현이 완전히 정상화 되지는 않았다. 설정 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.
'지속가능티끌 > 웹,워드프레스' 카테고리의 다른 글
CKEditor. Plugin. Cy-GistInsert. 설치 및 기본 사용법. gist 코드 삽입 편리하게. (0) | 2016.08.28 |
---|---|
CKEditor. Plugin 직접 만들기. 예: Cy-GistInsert (0) | 2016.08.27 |
gist-embed 설치. 사용예 (0) | 2016.08.26 |
CKEditor. 설치.설정 (0) | 2016.08.22 |
CKEditor. 개요, 다운로드. 위지윅 웹에디터. (0) | 2016.08.22 |
댓글