• 목록
  • 아래로
  • 위로

안녕하세요?

 

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

 

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

 

 

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

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

 

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

 

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

 

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

 

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

 

 

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

 

config.allowedContent = true; 

vs

CKEDITOR.config.allowedContent = true;

 

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

 

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

 

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

 

 

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

 

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

 

그럼 편안한 밤 되세요! 

 

작성자
이니스프리 119 Lv. (0%) 1936750/115200000EXP

Make StudyForUs Great Again!

 

CSVpuymXAAAVVpd.jpg

댓글 8

derCSyong
profile image

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

comment menu
2017.11.23. 08:46

신고

"derCSyong님의 댓글"

이 댓글을 신고 하시겠습니까?

이니스프리 작성자 → derCSyong
profile image

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

 

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

 

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

 

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

comment menu
2017.11.23. 09:38

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

이니스프리 작성자
profile image

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

 

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

 

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

 

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

comment menu
2017.11.23. 12:46

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 황금 서버 (30일)humit
profile image

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

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

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

comment menu
2017.11.23. 18:06

신고

"humit님의 댓글"

이 댓글을 신고 하시겠습니까?

이니스프리 작성자 → humit
profile image

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

 

관리자만 태그를 쓸 수 있고

 

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

 

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

 

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

 

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

 

comment menu
2017.11.23. 18:12

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 황금 서버 (30일)humit → 이니스프리
profile image

감사합니다 :)

comment menu
2017.11.23. 20:15

신고

"humit님의 댓글"

이 댓글을 신고 하시겠습니까?

네모
profile image

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

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

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

 

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

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

comment menu
2017.11.27. 01:35

신고

"네모님의 댓글"

이 댓글을 신고 하시겠습니까?

이니스프리 작성자 → 네모
profile image

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

 

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

 

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

 

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

 

다시 한 번 감사드립니다!

comment menu
2017.11.27. 11:12

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 24.02.11.17:21 854
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 4525
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4479
885 그누보드 게시글 자동 작성 php 파일 관련해서 질문 드려요 ^^ 10 image 이니스프리 17.12.12.18:57 1949
CKeditor의 config.js를 어떻게 설정하고 사용하시나요? 8 이니스프리 17.11.23.00:25 1896
883 파일질라 파일 편집시 자동업로드 활성화 방법 3 image 네모 18.03.14.15:25 1887
882 파이썬 멜론차트 크롤링 구현 관련 17 title: 에그joyful 18.12.08.10:08 1823
881 국제전자센터에서 스마트폰 구입 괜찮을까요? 2 이니스프리 18.11.05.20:42 1770
880 Amazon, Jomashop 등 대형 사이트에서는 크롤러를 어떻게 감지하나요? 10 이니스프리 19.11.24.15:12 1726
879 Beautifulsoup 로그인 문제 18 Hanam09 19.08.24.01:25 1696
878 자동 스크롤 캡쳐 잘 되는 윈도우용 캡쳐 프로그램 추천 부탁드립니다 6 이니스프리 17.12.03.13:22 1677
877 커뮤니티를 만들 때 홈 서버로 이미지 호스팅 서버를 사용하려고 하는데 괜찮은 방법일까요? 6 이니스프리 18.03.19.22:18 1669
876 [MX 레코드] 다음 스마트워크 MX 레코드 설정에 대해서 문의글 올립니다 4 image 260578 18.04.10.17:22 1607
875 프론트엔드 외주 가격을 어느정도 책정해야 하는지 모르겠습니다. 2 Seia 20.09.01.21:58 1592
874 카카오 API OCR의 인식률은 어떤가요? 1 이니스프리 19.11.16.22:31 1577
873 간혈적으로 컨트롤키 눌림현상 3 크로스하트 18.04.09.12:15 1573
872 curl: (7) Failed to connect to localhost port 80: Connection refused 2 image 국내산라이츄 22.07.25.15:57 1571
871 디시인사이드 푸쉬알림 앱 추천 부탁드립니다 ^^ 3 이니스프리 19.04.18.23:35 1559
870 네이버 카페의 게시글 크롤링과 관련하여 질문 드려요 ^^ 7 image 이니스프리 20.04.04.23:33 1517
869 [파이썬] 윈도우에서 datetime 객체의 invalid format string 에러 3 이니스프리 20.03.04.15:52 1487
868 티켓팅, 수강신청 등 관련하여 특정 서버시각 확인에 대해 질문 드려요 6 이니스프리 17.10.16.17:55 1473
867 MS 오피스 365와 MS 오피스 2016(단품 패키지)의 차이는 무엇이고 어떤 것을 추천해주시는가요? 9 image 이니스프리 18.03.29.13:33 1437
866 와이파이 접속 불가 현상 관련 17 image 네모 18.08.24.10:17 1430