kboard 게시판 에디터와 실제 화면이 달라요.

안녕하세요. kboard  게시판 사용중인데요.

tinymce-advanced 플러그인을 설치하여 사용하고 있습니다.

글쓰기를 할때 왼쪽/오른쪽/중앙정렬을 이용하여 쓰고 있는데

이미지를 중앙정렬을 시켜도 에디터에서는 잘 반영되는데, 저장 후 반영시키면 에디터에서의 모습과 완전 달라요

왼쪽정렬은 다 없어지고 텍스트도도 이미지 옆인게 다 아래로 떨어집니다.

에디터에 내장되어있는 스타일이 적용 안되는 느낌? 이거 어떻게 해결해야 할까요

참고로 아이프레임으로 보기/ 글쓰기 아이프레임으로 보기 를 활성화 시키면 너무 깨져서 활성화 시킬수 없어요ㅠㅠ

그리고 에디터에서는 /wp-includes/js/tinymce/skins/wordpress/wp-content.css?ver=5.3.2&wp-mce-4960-20190918-tadv-5210 이 파일이 불러와지는데

글을 쓰면 저 css가 없어요,,

 

글이 써졌을때 <p>&nbsp;</p> 이 코드라도 없으면 좀 비슷할거 같은데 어떻게 해야할까요ㅜ

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    KBoard 게시판 플러그인에서 게시글 등록 후 본문 페이지에서 확인해보면

    레이아웃이 게시글 등록 시 설정한 것과 다르게 표시된다는 말씀이신지요?

    KBoard 플러그인 레이아웃이 깨지는 원인은

    대부분 테마 쪽에서 과도하게 CSS 코드를 사용하고 있을 가능성이 높습니다.

    잠시 다른 테마로 바꾸신 후에도 확인해보시겠어요?

    비회원으로도 확인 가능한 페이지 주소 알려주시면 살펴보겠습니다.

    고맙습니다.

  • 안녕하세요..

    이쪽에 테스트 게시판하나 파놓았습니다...

    제가 임시로 글 몇개 올려놓았는데 이렇게 에디팅하고 싶어서요.. ㅠㅠ 근데 많이 깨져보여요

    확인해주시면 감사하겠습니다!

  • 올려주신 페이지 주소로 확인해보니

    테마 쪽 style.css 파일에 카드 갤러리 본문 쪽 CSS 코드를 추가하신 듯합니다.

    해당 코드를 추가하신 이유가 있으신지요?

    추가하신 코드로 인해 에디터 쪽의 내용과 다르게 표시될 수도 있습니다.

    직접 추가하신 코드를 잠시 지우시거나 주석 처리하신 후에 확인해보시겠어요?

    고맙습니다.

  • 디자인 수정을 위해 css 추가하였습니다!

    게시판에 추가한 코드를 삭제해도 깨져서 보여요ㅠㅠ

  • 실제 게시글 작성 시에는 어떤 식으로 입력하셨는지요?

    이미지 사진은 imgur에 업로드한 뒤 링크 걸어주시겠어요?

    고맙습니다.

  • 에디터에서 보기엔 글자가 엔터를 쳐도 사진 옆에 잘 붙어있어요!


    https://imgur.com/a/52J85wz

    그리고 제가 아까 말했듯이

     /wp-includes/js/tinymce/skins/wordpress/wp-content.css?ver=5.3.2&wp-mce-4960-20190918-tadv-5210 이 css도 불러와져서 안 깨져보여요!

  • 안녕하세요.

    이전 댓글에 설명드린 것처럼 테마 쪽 style.css 파일에 추가하신 코드로 인해

    게시글 본문 페이지에서 레이아웃이 깨지고 있습니다.

    line-height, clear 속성 등을 확인해보시겠어요?

    크롬 브라우저 개발자 도구(F12)를 활용하시면

    CSS 속성을 쉽게 찾을 수 있고 테스트해보실 수 있습니다.

    고맙습니다.

  • css 수정하니 비슷하게 나오네요 ^^; 감사합니다~!

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기