|
개요. |
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.
'지속가능티끌 > 웹,워드프레스' 카테고리의 다른 글
CKEditor. 커스텀 CSS 적용. (0) | 2016.09.03 |
---|---|
CKEditor. 수직 스크롤바 항상보이기. (0) | 2016.09.03 |
CKEditor. Plugin 직접 만들기. 예: Cy-GistInsert (0) | 2016.08.27 |
CKEditor. html태그 자동 삭제 방지 설정. (0) | 2016.08.27 |
gist-embed 설치. 사용예 (0) | 2016.08.26 |
댓글