[G5.3]CKEditor 4.8 Custom 2 버전 입니다. > 그누보드5 플러그인

그누보드5 플러그인

그누보드는 다양한 기능을 추가하기 쉽습니다.

[G5.3]CKEditor 4.8 Custom 2 버전 입니다. 정보

[G5.3]CKEditor 4.8 Custom 2 버전 입니다.

본문

앞서 공개한 https://sir.kr/g5_plugin/3689 파일에 Code Snippet 기능을 추가한 버전 입니다.

사실 일반 사용자는 필요없는 기능이지만 저 같은 짜지퍼는 꼭 필요하더라구요...^^;;

 

게시판에 소스 코드를 입력하다 불편함을 느껴서  

Syntax highlighter 를 대신 하는 Code Snippet 를 적용한 버전 입니다.

 

그누보드 5.3.0.2 버전에서 테스트 되었습니다.

 

사용법은 https://sir.kr/g5_plugin/3689 와 동일하나

head.sub.php 상단에 <head>와 </head>사이에 아래 소스를 복사 해서 붙혀 주셔야 합니다.

 


<script src="<?php echo G5_EDITOR_URL ?>/ckeditor4/plugins/codesnippet/lib/highlight/highlight.pack.js"></script>
<link rel="stylesheet" href="<?php echo G5_EDITOR_URL ?>/ckeditor4/plugins/codesnippet/lib/highlight/styles/monokai_sublime.css">
<script>hljs.initHighlightingOnLoad();</script>

 

1814034181_1520125381.311.png

 

혼자 작업하고 테스트 해서 알 수없는 버그가 있을 수 있습니다.

피드백 주시면 최대한 빠르게 조치 하도록 하겠습니다. 사용자 님들의 맘에 들었으면 좋겠네요....^^;;

추천
14

댓글 전체

오~ 눈의 피로가 없는 블랙버젼으로 마음에 드네요. 아직은 그닥 쓸일은 없으나 나중에 개인블로그 작업할때 쓰고 싶을정도입니다. ^^ 고맙습니다.
1. 설치후 imgur 설정까지 끝마친 후 글쓰기를 하면 크롬 콘솔에

[CKEDITOR] Error code: uploadfile-config. ckeditor.js:21
[CKEDITOR] For more information about this error go to https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_errors-section-uploadfile-config

요렇게 나옵니다.
해당 url을 타고 가보니 업로드 파일의 경로 문제인 듯 한데
실제 로컬에서 이미지를 업로드해보면 이상 없이 업로드가 되긴 하네요.

제 사이트에서의 G5 설치경로가 home/유저명/public_html/53/www 인데 여기서 오는 문제일까요?
서버 환경은 centos7/apache2.4.29/php5.6/maria10.1.13 입니다

2. code snippet 의 경우 글쓰기에서 코드를 선택하여 입력하면 이미지의 윗부분처럼 정상적으로 $write['wr_content'] 부분에 들어가는데 글쓰기를 완료하면 이미지의 아랫부분처럼 $view['content'] 부분이 그냥 인용구처럼 나오네요.

초보자에게 빛을 주세요~

본문 하단에 안내한 데로 해당 코드를 head.sub.php 상단에 <head>와 </head>사이에 아래 소스를 복사 해서 붙혀 주셔야 합니다.

에러 부분에 대해서는 확인이 어려워 답변 드리기가 어렵네요.....ㅠㅠ
먼 땅에서 빠른 답변 감사합니다 ^^
말씀하신 코드는 처음부터 잘 붙혀놓았습니다 ^^
그래서 글쓰기에서는 제대로 나오는데 글보기에서만 다르게 나오네요.
http://53.nomadot.com/bbs/board.php?bo_table=free&wr_id=8
에서 처럼 나오네요.
head 에 붙이는 js 는 쓰기엔 필요가 없고 본문 보기에 필요한 파일 입니다.
테마 head와 루트의 head 에 번갈아 적용 해 보세요.

그래도 안되면 해당 파일이 있는지도 확인 바랍니다.
원인을 알아냈습니다.

head 에서 js와 css 모두 읽는 것에는 문제가 없어보였지만
뷰페이지에서 확인해보니 hljs 클래스를 monokai_sublime.css 에서 읽어오지를 못하네요.
monokai_sublime.css의 내용을 default.css 에 복사해보니 정상적으로 나옵니다
.
pre > code 에서 hljs를 잘 넣는 것을 보면 highlight.pack.js 은 잘 작동하는 것 같고 css만 불러오지 못하는 것 같네요. 코드보기를 통해 보면 정상적으로 잘 들어가있는데 왜 안돼는지를 보다가...

아파치님이 위에 넣어주신 소스에서
<link  rel="stylesheet" href="<?php echo G5_EDITOR_URL ?>/ckeditor4/plugins/codesnippet/lib/highlight/styles/monokai_sublime.css">
rel 앞에 스페이스가 두개였네요. ㅎㅎ
이걸 제가 복붙하면서 &nbsp; 가 추가되었네요..
전혀 엉뚱한 곳에서 답을 찾았습니다~

다 제 불찰입니다.. 복붙만 하는 짜기퍼라서 온 실수네요..ㅠㅠ
전체 504
그누보드5 플러그인 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT