[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>사이에 아래 소스를 복사 해서 붙혀 주셔야 합니다.
[code]
<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>
[/code]
혼자 작업하고 테스트 해서 알 수없는 버그가 있을 수 있습니다.
피드백 주시면 최대한 빠르게 조치 하도록 하겠습니다. 사용자 님들의 맘에 들었으면 좋겠네요....^^;;
댓글 26개
DawnDew
7년 전
좋은 자료 감사합니다.^0^
전 이전버전에 만족을 ㅎㅎㅎ 감사합니다...
그리고 추천하고 갑니다 뿅~~
전 이전버전에 만족을 ㅎㅎㅎ 감사합니다...
그리고 추천하고 갑니다 뿅~~
7년 전
감사합니다....^^
7년 전
오~ 눈의 피로가 없는 블랙버젼으로 마음에 드네요. 아직은 그닥 쓸일은 없으나 나중에 개인블로그 작업할때 쓰고 싶을정도입니다. ^^ 고맙습니다.
7년 전
네. 필요하실때 쓰시면 되어요....^^
7년 전
와~ @@ 감사합니다. ckeditor관련 글은 언제나 좋습니다...
7년 전
감사합니다.
7년 전
윽 아파치님 이군요 ㅎㅎ
XETWON 구미호 입니다 ㅎㅎㅎ
반갑습니다
이것 적용 해 볼려고요
XETWON 구미호 입니다 ㅎㅎㅎ
반갑습니다
이것 적용 해 볼려고요
7년 전
반갑습니다......ㅎㅎ
7년 전
ckeditor는 역시 원츄~
잘 사용하겠습ㄴ디ㅏ~
잘 사용하겠습ㄴ디ㅏ~
7년 전
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'] 부분이 그냥 인용구처럼 나오네요.
초보자에게 빛을 주세요~
[http://sir.kr/data/editor/1803/4c9b5b97457cb880119996f0d9b8128b_1521266181_7676.jpg]
[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'] 부분이 그냥 인용구처럼 나오네요.
초보자에게 빛을 주세요~
[http://sir.kr/data/editor/1803/4c9b5b97457cb880119996f0d9b8128b_1521266181_7676.jpg]
7년 전
본문 하단에 안내한 데로 해당 코드를 head.sub.php 상단에 <head>와 </head>사이에 아래 소스를 복사 해서 붙혀 주셔야 합니다.
에러 부분에 대해서는 확인이 어려워 답변 드리기가 어렵네요.....ㅠㅠ
에러 부분에 대해서는 확인이 어려워 답변 드리기가 어렵네요.....ㅠㅠ
7년 전
먼 땅에서 빠른 답변 감사합니다 ^^
말씀하신 코드는 처음부터 잘 붙혀놓았습니다 ^^
그래서 글쓰기에서는 제대로 나오는데 글보기에서만 다르게 나오네요.
http://53.nomadot.com/bbs/board.php?bo_table=free&wr_id=8
에서 처럼 나오네요.
말씀하신 코드는 처음부터 잘 붙혀놓았습니다 ^^
그래서 글쓰기에서는 제대로 나오는데 글보기에서만 다르게 나오네요.
http://53.nomadot.com/bbs/board.php?bo_table=free&wr_id=8
에서 처럼 나오네요.
7년 전
head 에 붙이는 js 는 쓰기엔 필요가 없고 본문 보기에 필요한 파일 입니다.
테마 head와 루트의 head 에 번갈아 적용 해 보세요.
그래도 안되면 해당 파일이 있는지도 확인 바랍니다.
테마 head와 루트의 head 에 번갈아 적용 해 보세요.
그래도 안되면 해당 파일이 있는지도 확인 바랍니다.
7년 전
원인을 알아냈습니다.
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 앞에 스페이스가 두개였네요. ㅎㅎ
이걸 제가 복붙하면서 가 추가되었네요..
전혀 엉뚱한 곳에서 답을 찾았습니다~
다 제 불찰입니다.. 복붙만 하는 짜기퍼라서 온 실수네요..ㅠㅠ
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 앞에 스페이스가 두개였네요. ㅎㅎ
이걸 제가 복붙하면서 가 추가되었네요..
전혀 엉뚱한 곳에서 답을 찾았습니다~
다 제 불찰입니다.. 복붙만 하는 짜기퍼라서 온 실수네요..ㅠㅠ
7년 전
감사합니다
7년 전
오~~ 아주 좋은뎅.. 테스트 해봐야 하는디 포인트가 없네요 ㅜ.ㅜ
7년 전
와~ 조타
7년 전
짱입니다
7년 전
좋은자료 감사합니다.
lonei
7년 전
좋은자료 감사합니다.
7년 전
우아! 드디어 포인트 모아서 다운로드 했어요~ 감사합니다^^
srrsrr
6년 전
좋은자료 감사합니다
6년 전
파일은 어디 있나요?
6년 전
참고 하세요.
https://sir.kr/cm_free/1506323
https://sir.kr/cm_free/1506323
6년 전
아, 그렇군요. 저만 못 찾는줄 알았네요.
2년 전
감사합니다
게시글 목록
| 번호 | 제목 |
|---|---|
| 14227 | |
| 14211 | |
| 14207 | |
| 14198 | |
| 14192 | |
| 14178 | |
| 14170 | |
| 14149 | |
| 14134 | |
| 14123 | |
| 14108 | |
| 14094 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기