도와주세요

CKeditor의 config.js를 어떻게 설정하고 사용하시나요?

이니스프리2017.11.23 00:25조회 수 348댓글 8

    • 글자 크기

안녕하세요?

 

PC와 모바일에서 모두 잘 돌아가는 에디터로 CKeditor를 사용하시는 분이 많은 것으로 알고 있는데요.

 

config.js를 어떻게 설정하고 사용하시나요?

 

 

저는 풀 패키지가 아니라 스탠다드 패키지의 CKeditor를 설치했구요.

(풀 패키지는 로딩시에 조금 무거운 것 같더군요 ㅠㅠ)

 

일단 config.removeButtons에서 언더라인을 삭제해서 밑줄이 가능하도록 했구요.

 

color button과 panel button 플러그인을 다운받아서 

 

폰트 색상 변경 버튼이 에디터에 출력되도록 했어요 ^^

 

다른 분들께서는 폰트 색상 부분에 대해서는 어떻게 사용하시는지요?

 

 

제가 가장 궁금한 부분은 HTML 태그 필터링과 관련된 부분인데요.

 

config.allowedContent = true; 

vs

CKEDITOR.config.allowedContent = true;

 

저는 무슨 차이인지 잘 모르겠는데요 ㅠㅠ

 

외국의 포럼에서 이 두 가지 중 어느 것이 더 적절한지에 대한 논쟁이 있더군요.

 

둘 중에서 어느 것을 사용하고 계시는지요?

 

 

그리고 태그 필터링을 하는 것이 기본 셋팅이면 뭔가 필터링의 장점이 있을텐데요.

 

보안상의 이유를 제외하면 태그 필터링의 다른 장점이 또 어떤 것이 있을지 여쭤봅니다 ^^

 

그럼 편안한 밤 되세요! 

 

I've got a good feeling about this, and that's all I'm going to tell you.

    • 글자 크기
  • 2017.11.23 08:46

    태그 필터링은 xss 막을려고 쓰는사람이 대부분일 것 같습니다. 과도한 text style 사용을 막는다거나 하는 이유도 있을 것 같구요.

  • @derCSyong
    이니스프리글쓴이
    2017.11.23 09:38

    감사합니다! 크로스 사이드 스크립트를 막는 것이 가장 중요한 이유이군요

     

    어느 선에선 태그를 허용할지 잘 결정을 해야겠네요

     

    그럼 derCSyong 님께서도 좋은 하루 되세요!

     

    다시 한 번 감사드립니다 ^-^

  • 이니스프리글쓴이
    2017.11.23 12:46

    제가 질문이 불분명했던 것 같은데요

     

    CKeditor에서 태그를 어느 정도 허용하시고

     

    어떤 방법으로 필터링을 하시는지 여쭤보고 싶어요 ^^

     

    그럼 점심식사 맛있게 드세요~

  • 2017.11.23 18:06

    참고로 태그 뿐만 아니라 태그에 들어가는 속성도 필터링 하셔야 합니다 :)

    img 태그의 경우에는 이미지를 표시하는 정상적인 태그로 생각해서 허용할 수 있지만, 아래와 같은 경우를 생각하셔야 합니다.

    <img src="/" onerror="javascript:alert('XSS!!');" /> 와 같은 것도 필터링이 필요합니다.

  • @humit
    이니스프리글쓴이
    2017.11.23 18:12

    앗 정말 그렇네요! 말씀해주셔서 감사합니다 ^-^

     

    관리자만 태그를 쓸 수 있고

     

    다른 회원은 CKeditor에서 적용한 폰트 속성 제외하고는 태그를 쓸 수 없도록 하는 방법 등

     

    여러가지 방안을 놓고 장단점을 생각해봐야겠네요 :)

     

    일기예보상 오늘 저녁부터 토요일까지 눈이 온다는데

     

    humit 님께서도 항상 건강하시고 군 생활 무탈히 잘 하시길 기원합니다 ^-^

     

  • @이니스프리
    2017.11.23 20:15

    감사합니다 :)

  • 2017.11.27 01:35

    img 태그에 svg 확장자를 가진 파일은 불러오지 못하게 하는것도 좋습니다.

    a 태그를 통해 스팸링크로 이동할 경우, 쉽게 필터링이 가능하겠지만,

    svg 파일을 사용할 경우, 필터링이 쉽지 않습니다.

     

    만약 사이트에 이미지를 클릭하면 이미지를 크게 보여주는 플러그인이 설치되어 있다면

    필수적으로 적용하셔야 합니다.

  • @네모
    이니스프리글쓴이
    2017.11.27 11:12

    잘 알겠습니다 정말 감사합니다! ^^

     

    다행히 이미지를 크게 보여주는 플러그인이 설치되어 있지는 않지만

     

    svg 파일도 불러오지 못하게 하도록 하겠습니다.

     

    네모 님께서도 감기 조심하시고 좋은 한 주 되세요~

     

    다시 한 번 감사드립니다!

댓글 달기

번호 제목 글쓴이 날짜 조회 수
공지 앞으로 ssh 사용시 한글 사용이 가능합니다.7 마스터 2018.10.12 12882
공지 접속 불가 사태 수습은 진행중입니다.35 마스터 2018.10.05 13521
공지 회원 전용 페이지가 생겼습니다.10 마스터 2018.03.20 14134
공지 [필독] 질문하는 방법5 마스터 2018.02.23 533
448 팀뷰어 대체할 원격 제어 프로그램 추천 부탁드립니다16 이니스프리 2017.11.30 12548
447 "크롬이 응답하지 않습니다. 다시 시작하시겠습니까?" 오류 관련 질문 드려요 ^^8 이니스프리 2017.12.05 2191
446 계속 사용중이던 네트워크 공유 폴더가 갑자기 액세스 불가라고 뜹니다.6 장윤서 2018.06.07 1777
445 크롬에서 특정 사이트 접속 문제 관련하여 질문 드립니다9 이니스프리 2017.03.27 1764
444 파일질라로 연결하니까 보안되지 않은 서버입니다. TLS를 통한 FTP를 지원하지 않습니다. 이렇게떠요 해결방안좀1 마카오 2016.09.11 1520
443 엑셀 그래프의 축 간격 조절 문제입니다.2 허니버터뚠뚜니라이츄 2017.08.10 1494
442 파티션 복구 프로그램 TestDisk 잘 아시는 분 계시나요?29 이니스프리 2017.11.10 1372
441 윈도우용 메일 클라이언트가 필요합니다.9 네모 2018.01.11 1095
440 자동 스크롤 캡쳐 잘 되는 윈도우용 캡쳐 프로그램 추천 부탁드립니다6 이니스프리 2017.12.03 733
439 집에서 시놀로지 NAS로 워드프레스나 미디어위키 돌리면 느릴까요?10 이니스프리 2017.01.16 705
438 도움이 절실합니다. Freenom 질문입니다.(왕초보)22 슬립 2017.11.14 657
437 친애하는 마스터님 어제 호스팅을 신청해서 정상적으로 받아졌습니다.2 JongMinMoon 2016.12.27 644
436 베리즈 웹 쉐어 연결 시간 초과 문제29 루니 2017.08.07 631
435 리버티 스킨을 어떻게 사용하나요?4 ryuko 2017.03.25 563
434 동영상 스트리밍 사이트 만들기6 맛수타 2017.09.29 543
433 카카오 계정 로그인7 powerserver9011 2017.10.15 530
432 Iframe으로 삽입한 유튜브 영상을 모바일에서 스크린이 꺼져도 계속 재생되게 하는 방법이 없을까요?6 이니스프리 2017.10.24 528
431 질문2 - 제가 개발용 노트북을 사려고하는데 도움을 요청드립니다.14 JAVA 2017.11.11 522
430 나무 위키의 수익구조는 무엇일까요?2 맛스타 2018.03.18 510
429 프린터가 지 맘대로 프린트를 하네요.3 곰도리푸 2018.04.04 497
이전 1 2 3 4 5 6 7 8 9 10... 23다음
첨부 (0)
서버에 요청 중입니다. 잠시만 기다려 주십시오...