본문 바로가기
지속가능티끌/웹,워드프레스

CKEditor. Plugin. Cy-GistInsert. 설치 및 기본 사용법. gist 코드 삽입 편리하게.

by i.got.it 2016. 8. 28.

 

개요.

 
Cy-GistInsert 는  GitHub Gist 의 코드를  CKEditor 에 삽입처리 편하게 하는 플러그인.


설치방법.
Cy-GistInsert 입수 : GitHub. https://github.com/igotit-anything/Cy-GistInsert 의 압축파일 Cy-GistInsert.zip 다운로드.
(일반 CKEditor 플러그인 설치 방법과 동일함. )
1. Cy-GistInsert.zip 다운받고 , 차단해제처리-> http://igotit.tistory.com/552
2. 압축풀면 보이는 폴더 Cy-GistInsert 전체를 웹서버의 ckeditor/plugins/ 하위에 모두 업로드.
3. 웹서버의 ckeditor/config.js 파일 열어서 config.extraPlugins = 'Cy-GistInsert'; 추가.

Cy-GistInsert 활용위한 사전 필수셋팅.

1.gist-embed 가 설정되어있어야 함. -> http://igotit.tistory.com/910

2. CKEditor 에서 html태그 자동삭제 방지 옵션 적용해야함. -> http://igotit.tistory.com/911


기타정보.

GitHub Gist 사이트 : https://gist.github.com/


 


 


 

사용법

   

CKEditor 의 툴바에서 Cy-GistInsert 버튼 클릭. (아래 그림 붉박) 


대화창에 Gist id 를 복사하기.



참고.  Gist 아이디는 Gist 사이트에서 주소창에서 아래 붉박 부분임.




앞의 대화창에서 버튼 OK클릭하면 CKEditor로 코드 삽입되며, 편집창에 보이는 모습은 아래와 같이 gist 코드가 들어와있음이 명시적으로 표현됨.



웹브라우저에서 보이는 모습. Gist 의 코드 하이라이팅된 상태로 그대로 표현된다.

이 상태에서 .Gist 측의 코드를 수정하면 여기에 삽입된 코드의 내용도 자동으로 갱신된다.


이미추가된 코드의 아이디를 변경하려는 경우 우마우스 클릭하여 Edit Cy-GistInsert 클릭한다.


 



///916.

댓글



 

비트코인




암호화폐       외환/나스닥/골드         암호화폐/외환/나스닥/골드
     
현물 |선물 인버스 |선물 USDT       전략매니저(카피트레이딩)         프랍 트레이더 온라인 지원가능. MT4,MT5