T2Editor Ver 5.8.1 - (그누보드5 에디터 플러그인)
본문
T2Editor
T2Editor는 한국형 WYSIWYG 웹 에디터입니다.
모바일 친화적고 직관적인 인터페이스와 강력한 텍스트 편집 기능을 통해 사용자가 고퀄리티의 콘텐츠를 쉽고 빠르게 작성 할 수 있도록 도와줍니다.
주요 기능
T2Editor는 다음과 같은 주요 기능들을 제공합니다.
· 직관적인 반응형 사용자 인터페이스
· 이미지·동영상(YouTube 포함) 및 파일 드래그앤드롭 업로드, 멀티 업로드
· 자동 저장(실시간 autosave)
· 파일 첨부·PDF 뷰어 내장(게시물 내 PDF 열람 가능)
· 테이블 생성/편집(간편 테이블 추가/수정)
· 텍스트 서식(글꼴 크기·색상·정렬, 하이퍼링크 관리 등) 기본 편집
· 모듈화·플러그인화 설계(커스텀 버전/커뮤니티 제작 버전 지원)
수정 사항
파일 플러그인의 코드가 그림 그리기 플러그인의 코드로 대체되어있는 것을 발견하여 5.4.0으로 롤백 (t2editor/plugin/file/file.js)
라이선스
T2Editor는 그누보드5와 웹의 발전을 위하여 코드를 공개합니다.
허용사항:
- 개인 또는 사업자 자체 사용을 위한 코드 수정
- 자체 웹사이트 사용을 위한 코드 수정
제한사항:
- 수정 버전의 배포 및 공개 시 무료 오픈소스로 배포 필수
- 원본 및 수정버전의 상업적 유료 배포 불가
시스템 요구 사항 (권장) 및 호환성 안내
- PHP 7.4 이상
- PHP GD Library 확장 설치 필수
- (그누보드 사용자일 경우 그누보드5.5 이상)
- 호환 브라우저: Chrome 계열, Firefox, Safari, Edge
설치 방법(그누보드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로 변경되었으니 주의 바랍니다.
다른 환경(플랫폼)에서의 설치
그누보드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/
├── data/
├── collab/
├── plugin/
│ ├── search/
│ │ └── search.js
│ ├── ai/
│ │ └── ai.js
│ ├── ai_rearrange/
│ │ └── ai_rearrange.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
문제 해결 가이드
1. 에디터가 표시되지 않는 경우:
- /plugin/editor/t2editor/ 경로에 파일이 정확히 업로드되었는지 확인
- 서버의 디렉토리 권한 설정 확인 (권장: 755)
- 그누보드5 관리자 페이지에서 에디터 설정 확인
2. CSS 스타일이 적용되지 않는 경우:
- head.sub.php 또는 view.skin.php에 CSS 링크 코드가 정확히 추가되었는지 확인
- CSS 파일 경로가 올바른지 확인
- 브라우저 캐시 삭제 후 페이지 새로고침
3. 이미지 업로드 오류 발생 시:
- /data/editor/ 디렉토리의 쓰기 권한 확인 (그누보드5 환경)
- /t2editor/data 폴더 유무 확인 후 생성 (타환경)
- /t2editor/data의 권한이 707인지 확인 후 부여 (타환경)
- PHP 설정에서 파일 업로드 용량 제한 확인
- 서버 디스크 용량 여유 공간 확인
4. 코드 블록 기능이 작동하지 않는 경우:
- 최신 버전으로 업데이트되었는지 확인
- CSS 파일이 올바르게 링크되었는지 확인
5. 협업 플러그인 기능이 작동하지 않는 경우:
- /t2editor/collab의 유무 확인 후 생성 (공통)
- /t2editor/collab의 권한이 707인지 확인 후 권한 부여 (공통)
기타 오류 문의는 https://dsclub.kr/service/editor 에서 오류 해결방법을 확인 후 해당사항이 없다면 dsclub2023@gmail.com으로 주시길 바랍니다.
*이 게시글은 T2Editor로 작성되었습니다.
첨부파일
등록된 댓글이 없습니다.
