T2Editor Ver 5.8.2 - (그누보드5 에디터 플러그인) > 자료실 (zip)


T2Editor Ver 5.8.2 - (그누보드5 에디터 플러그인)

본문

T2Editor

​

T2Editor는 한국형 WYSIWYG 웹 에디터입니다.

모바일 친화적고 직관적인 인터페이스와 강력한 텍스트 편집 기능을 통해 사용자가 고퀄리티의 콘텐츠를 쉽고 빠르게 작성 할 수 있도록 도와줍니다.

​


주요 기능

​T2Editor는 다음과 같은 주요 기능들을 제공합니다.

· 직관적인 반응형 사용자 인터페이스

· 이미지·동영상(YouTube 포함) 및 파일 드래그앤드롭 업로드, 멀티 업로드

· 자동 저장(실시간 autosave)

· 파일 첨부·PDF 뷰어 내장(게시물 내 PDF 열람 가능)

· 테이블 생성/편집(간편 테이블 추가/수정)

· 텍스트 서식(글꼴 크기·색상·정렬, 하이퍼링크 관리 등) 기본 편집

· 모듈화·플러그인화 설계(커스텀 버전/커뮤니티 제작 버전 지원)

​


수정 사항

기존의 editor.lib.php에 위치한 서브툴바 기능이 안드로이드, 윈도우, 리눅스 기기에서 작동하지 않는 문제를 해결하였습니다. (경로 변경: editor.lib.php -> t2editor/js/toolbar.js)

---

반응형 서브 툴바 사용 안내:

에디터의 가로 사이즈에 따른 반응형 툴바 기능을 추가했습니다.

반응형 툴바 - 그룹 버튼이란 에디터 너비에 따라 버튼을 자동 그룹화하여 서브 툴바로 대체하는 기능입니다.

모바일, 테블릿 환경에서 툴바의 버튼 수가 과다하게 많아져 사용 경험과 심미성이 저하되는 문제를 해결합니다.


반응형 툴바 - 그룹 버튼 설정 안내:

t2editor/js/toolbar.js의 getDefaultConfig 안에 원하는 범위의 그룹을 설정합니다. (5.8.0에서의 설정 방법과 같습니다. 5.8.0과 5.8.1 이용자분들은 기존 설정을 복사&붙여넣기 하시면 됩니다.)


반응형 툴바 - 그룹 버튼 설정 안내:

t2editor/js/toolbar.js의 getDefaultConfig 안에 원하는 범위의 그룹을 설정합니다.

- 키: ‘WidthA-WidthB’ (에디터 너비 범위, px 단위)
- 값: 배열로 그룹 목록.
각 객체는:
- 'groupIcon' : 그룹 버튼 아이콘 (Material Icons 이름).
- 'groupLabel' : 그룹 설명 (툴팁).
- 'buttons': 배열로 그룹화할 버튼의 data-command 값.
- 'position' : 그룹 버튼의 툴바 위치 (숫자, 1부터 시작). 

​

예시:

        getDefaultConfig() {
            return {
                '0-599': [
                    {
                        groupIcon: 'text_fields',
                        groupLabel: '텍스트',
                        buttons: ['fontSize', 'bold', 'italic', 'underline', 'strikeThrough', 'justifyContent', 'foreColor', 'backColor', 'createLink', 'insertCodeBlock'],
                        position: 3
                    },
                    {
                        groupIcon: 'photo_camera',
                        groupLabel: '콘텐츠 업로드',
                        buttons: ['attachFile', 'insertImage', 'insertYouTube', 'insertTable'],
                        position: 4
                    },
                    {
                        groupIcon: 'more_horiz',
                        groupLabel: '기타 기능',
                        buttons: ['insertCodeBlock', 'createLink', 'insertDrawing', 'collab', 'exportHTML'],
                        position: 19
                    }
                ],
                '600-1023': [
                    {
                        groupIcon: 'text_fields',
                        groupLabel: '텍스트',
                        buttons: ['fontSize', 'strikeThrough', 'justifyContent', 'foreColor', 'backColor', 'insertCodeBlock'],
                        position: 2
                    },
                    {
                        groupIcon: 'more_horiz',
                        groupLabel: '기타 기능',
                        buttons: ['insertTable', 'insertCodeBlock', 'insertDrawing', 'collab', 'exportHTML'],
                        position: 19
                    }
                ]
            };
        }

​


라이선스

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로 작성되었습니다.

​

좋아요87 이 글을 좋아요하셨습니다
url 복사 카카오톡 공유 라인 공유 페이스북 공유 트위터 공유

첨부파일

등록된 댓글이 없습니다.

  • RSS
  • _  글쓰기 글쓰기
전체 156건
게시물 검색

접속자집계

오늘
542
어제
3,819
최대
50,605
전체
3,110,335