썸머노트 툴바에서 그림 아이콘을 눌러
이미지를 링크나 업로드를 통해 에디팅 화면으로 불러 오는데요.
에디팅 화면으로 들어온 이미지를 클릭해서 팝업 메뉴의 50% 또는 25%로 넓이 지정을 할경우
화면에서 크기가 줄어들고 썸머노트의 코드 보기 아이콘을 눌러 보면
<img src="..." style="width:50%"> 와 같이 넓이를 50%로 적용했다고 나옵니다.
그런데 글을 저장하고 읽기 화면에서 보면
그림에 넓이 지정이 적용되어 있지 않습니다. 크롬 검사에서 코드를 보아도 위에 지정되어 있던 스타일이 저장되지 않은채로 나옵니다.
테마 문제인가 싶어서 워드프레스 기본 테마 중에 하나로 지정하고
플러그인도 Elementor와 Kboard는 남기고 스킨도 default로 지정해서 테스트해도 동일합니다.
어떻게 해야 썸머노트의 그림 크기 지정이 활성화 될까요?
안녕하세요.
썸머노트 에디터로 이미지 삽입 시 너비 조절이 되지 않는 건
KBoard 플러그인에 XSS 공격 차단을 위한 코드 문제로 보입니다.
정말 예외적으로 호스팅 쪽에서 웹방화벽 기능이 없을 경우를 위해서 기능이 들어가 있습니다.
워드프레스 관리자 -> KBoard -> 대시보드 페이지에서 XSS공격 차단 기능을 비활성화하신 후에도 확인해보시겠어요?
해당 기능을 비활성화하기 전에 호스팅 업체에서 웹방화벽 기능을 제공하는지도 알아보시겠어요?
고맙습니다.
빠른 답변 감사드립니다.
테스트 웹호스팅에서 환경을 바꾸서 해보았는데도 동일한 문제가 생기네요.
그래서 코스모팜 데모 게시판에서 테스트를 해보았는데, 역시 리사이즈 출력이 되지 않습니다.
아래 이미지는 데모 게시판 테스트 캡쳐 입니다.
코스모팜 Kboard 데모에서 썸머노트 툴바의 이미지 아이콘 놀러서 링크를 불러왔고
50% 적용하여 줄이고 툴바의 코드보기 버튼으로 style="width:50%'로 되어 있는 것 확인하고 글올리기를 했습니다.
글보기 화면에서는 풀사이즈로 출력되고 크롬에서 검사로 코드를 보면
코드에 적용되었던 style은 아예 저장이 안되어서 코드에 나오지 않고
Kboard 스킨의 CSS 파일을 max-width:100%가 해당 이미지에 적용된 것으로 나옵니다.
데모 게시판에서도 증상이 동일해서 저만의 문제가 아니지 않을까 생각해 봅니다.
혹시 크롬이 문제인가 싶어서 마소 엣지, 파폭으로 테스트 해보았는데도 같습니다.
안녕하세요~^^
KBoard 플러그인에서 글 작성 에디터를 썸머노트로 사용 시
이미지 크기는 아래처럼 조절하신 건지요?
저희 쪽 테스트 서버에서는 글 작성 시 이미지 너비를 50%로 설정할 경우
본문 페이지에서 정상적으로 50%로 설정되어 표시되는 것을 확인했습니다.
어떤 스킨을 사용 중이신지 알려주시겠어요?
워드프레스에서 에러 혹은 알 수 없는 문제가 있을 때 대응 방법을 참고하셔서
에러 메시지나 충돌이 있는지도 점검해보셔야 할 듯합니다.
고맙습니다.