T2Editor Ver 5.6.2 - (그누보드5 에디터 플러그인)
본문
T2Editor 개요
T2Editor는 그누보드5 전용 WYSIWYG 웹 에디터입니다. 사용자 친화적인 인터페이스와 강력한 텍스트 편집 기능을 제공하며, 모바일 환경에서의 호환성을 고려하여 개발되었습니다.
주요 기능
기본 편집 기능
- 직관적인 사용자 인터페이스 제공
- 실행 취소 및 다시 실행 지원
- 글꼴 크기 및 색상 조절 기능
- 텍스트 링크 기능
미디어 관리 기능
- 이미지 및 동영상 삽입/편집 지원
- 이미지 추가(파일/링크) 및 유튜브 동영상 삽입 가능
- 이미지 드래그앤드롭 지원 및 멀티 업로드 지원
- 간편 이미지 크기 조절 메뉴 제공
- 미디어 미리보기 기능
고급 기능
- 코드 블록 지원 (각종 프로그래밍 언어)
- 자동 저장 기능으로 데이터 손실 방지
- 실시간 글자 수 측정
- 게시물 HTML 파일 내보내기 기능
- 모듈화된 구조로 유지보수 용이
모바일 최적화
- 안드로이드, iOS를 비롯한 다양한 기기에서 원활한 사용
- 모바일 환경에 최적화된 사용자 인터페이스
시스템 요구사항
- PHP 7.x 이상
- GD Library 설치 필수
- 그누보드5 환경
설치 방법
1단계: 파일 업로드
1. 다운로드한 첨부파일의 압축을 해제합니다.
2. 압축 해제된 폴더 내의 t2editor 폴더를 확인합니다.
3. t2editor 폴더를 그누보드5 설치 경로의 /plugin/editor/ 디렉토리에 업로드합니다.
업로드 완료 후 경로:
Gnuboard5/plugin/editor/t2editor/
2단계: 에디터 설정
전체 사이트 적용 방법:
1. 그누보드5 관리자 페이지에 접속합니다.
2. 환경설정 > 기본환경설정으로 이동합니다.
3. 에디터 선택 항목에서 t2editor를 선택합니다.
4. 설정을 저장합니다.
특정 게시판만 적용 방법:
1. 관리자 페이지 > 게시판관리 > 게시판관리로 이동합니다.
2. 원하는 게시판의 수정 버튼을 클릭합니다.
3. 게시판 에디터 선택 항목에서 t2editor를 선택합니다.
4. 설정을 저장합니다.
3단계: CSS 스타일 파일 추가 (필수)
미디어 블록 스타일이 정상적으로 표시되기 위해 다음 작업이 반드시 필요합니다.
그누보드5의 게시글 HTML 필터링으로 인해 본문에 자동으로 추가되는 스타일 파일 링크가 작동하지 않습니다. 따라서 다음 코드를 수동으로 추가해야 합니다.
수정할 파일: head.sub.php 또는 view.skin.php
추가할 코드:
<link href="<?php echo G5_PLUGIN_URL ?>/editor/t2editor/css/content.css" rel="stylesheet">*(주의): T2Editor 버전이 1.6.3에서 2.0.0으로 업데이트됨에 따라 CSS 파일명이 t2content.css에서 content.css로 변경되었으니 주의 바랍니다.
버전 업데이트 정보
수정사항:
이미지 붙여넣기 시 이미지블록으로 추가 기능 추가(t2editor/plugin/imeage/imeage.js)
라이선스 안내
T2Editor는 그누보드5와 웹의 발전을 위하여 코드를 공개합니다.
허용사항:
- 개인 또는 사업자 자체 사용을 위한 코드 수정
- 자체 웹사이트 사용을 위한 코드 수정
제한사항:
- 수정 버전의 배포 및 공개 시 무료 오픈소스로 배포 필수
- 원본 및 수정버전의 상업적 유료 배포 불가
다른 플랫폼 환경 설치
그누보드5가 아닌 다른 플랫폼에서 T2Editor를 사용하려면 직접 폼 제출 관련 코드를 구현해야 합니다. 구현 시 필요한 파일 및 설정은 첨부파일 내의 예제 코드를 참조하시기 바랍니다.
t2editor(5.2.0)/
├── config/
│ ├── get_upload_config.php
│ ├── t2_config.php
│ └── upload_config.php
├── css/
│ ├── content.css
│ ├── core.css
│ └── datk.css
├── fonts/
│ └── meterial-icons/
│ ├── font.woff2
│ ├── MaterialIcons-Regular.eot
│ ├── MaterialIcons-Regular.ttf
│ ├── MaterialIcons-Regular.woff
│ ├── MaterialIcons-Regular.woff2
│ └── MaterialIconsOutlined-Regular.woff2
├── js/
│ ├── core.js
│ ├── jszip.min.js
│ ├── pdf.min.js
│ ├── pdf.worker.min.js
│ └── utils.js
├── Old/
├── plugin/
│ ├── ai/
│ │ └── code.js
│ ├── ai/
│ │ └── code.js
│ ├── export/
│ │ ├── export.js
│ │ └── export_html_skin.html
│ ├── file/
│ │ ├── file_upload.php
│ │ ├── file.js
│ │ └── pdf_view.php
│ ├── image/
│ │ ├── image_uplaod.php
│ │ └── image.js
│ ├── link/
│ │ └── link.js
│ ├── table/
│ │ └── table.js
│ └── video/
│ ├── video_view.php
│ └── video.js
├── editor.lib.php
└── reademe.txt문제 해결 가이드
에디터가 표시되지 않는 경우:
- /plugin/editor/t2editor/ 경로에 파일이 정확히 업로드되었는지 확인
- 서버의 디렉토리 권한 설정 확인 (권장: 755)
- 그누보드5 관리자 페이지에서 에디터 설정 확인
CSS 스타일이 적용되지 않는 경우:
- head.sub.php 또는 view.skin.php에 CSS 링크 코드가 정확히 추가되었는지 확인
- CSS 파일 경로가 올바른지 확인
- 브라우저 캐시 삭제 후 페이지 새로고침
이미지 업로드 오류 발생 시:
- /data/editor/ 디렉토리의 쓰기 권한 확인 (그누보드5 환경)
- /t2editor/data 폴더 유무 확인 후 생성 (타환경)
- /t2editor/data의 권한이 707인지 확인 후 부여 (타환경)
- PHP 설정에서 파일 업로드 용량 제한 확인
- 서버 디스크 용량 여유 공간 확인
코드 블록 기능이 작동하지 않는 경우:
- 최신 버전으로 업데이트되었는지 확인
- CSS 파일이 올바르게 링크되었는지 확인
협업 플러그안 기능이 작동하지 않는 경우:
- /t2editor/collab의 유무 확인 후 생성 (공통)
- /t2editor/collab의 권한이 707인지 확인 후 권한 부여 (공통)
기타 오류 문의는 https://dsclub.kr/service/editor 에서 오류 해결방법을 확인 후 해당사항이 없다면 dsclub2023@gmail.com으로 주시길 바랍니다.
*이 게시글은 T2Editor로 작성되었습니다.
첨부파일
등록된 댓글이 없습니다.
