T2Editor Ver1.0 (그누보드 에디터) > 그누보드5 플러그인

T2Editor Ver1.0 (그누보드 에디터) 정보

T2Editor Ver1.0 (그누보드 에디터)

첨부파일

T2Editor ver1.0 2.zip (22.3K) 42회 다운로드 2025-02-27 14:33:25 포인트 차감64

테스트한 버전5.6.4

호환 가능 버전5.5이상 전부 사용 가능할 것으로 예상

본문

T2Editor

클로드 ai갈궈서 만든 에디터 입니다.

T2Editor는 그누보드5(Gnuboard5)를 위해 설계된 WYSIWYG 웹 에디터입니다. 이 에디터는 사용자 친화적인 인터페이스와 함께 강력한 텍스트 편집 기능을 제공하며, 특히 모바일 환경에서의 사용성을 고려하여 개발되었습니다.

작동화면:

주요 기능

직관적인 사용자 인터페이스

삽입한 미디어 미리보기
이미지(링크로 추가도 가능) 및 동영상(유튜브) 삽입/편집

*이미지 드레그&드롭 지원, 멀티 업로드 지원

*간편 이미지 크기 편집 메뉴

코드 블록 지원

텍스트 링크 걸기 기능

간편한 글꼴 크기 및 색상 조절

실행 취소/다시 실행 지원

자동 저장기능

모바일 환경 최적화 및 높은 호환성

라이선스

T2Editor은 그누보드5의 발전을 위하여 코드를 공개합니다.

아래의 사항만 지킨다면 누구나 자유롭게 배포할 수 있습니다.

1. 개인(또는 사업자 자체) 사용을 위한 코드 수정 허용

2. 자체 웹사이트 사용을 위한 수정 허용

3. 수정 버전의 배포/공개 시 무료 오픈소스로 배포 필수

3. 원본 및 수정버전의 상업적 유료 배포 불가

설치방법

그누보드5 환경

1. /plugin/editor/ 디렉토리에 첨부파일의 압축을 풀어 (압축 해제한)폴더 안의 t2editor을 업로드 합니다.

2. 관리자 페이지 - 환경설정 > 기본환경설정으로 이동, 에디터 선택 항목에서 t2editor를 선택합니다. 또는 관리자 페이지 - 게시판관리 > 게시판관리 에서 원하는 게시판의 수정 버튼을 눌러 게시판 수정 페이지의 게시판 에디터 선택 항목에서 t2editor를 선택합니다.

다른 플랫폼 환경

아래의 사항들을 고려하여 직접 일부를 구현해야 합니다.

T2Editor 기본 파일 구조:

t2editor/├── css/
│   ├── t2editor.css
│   └── t2content.css
├── js/
│   └── t2editor.js
└── image_upload.php

이미지 업로드 설정

image_upload.php 파일의 경로 및 권한 설정 필요

업로드 디렉토리 주소를 환경에 맞게 적절히 수정해야 합니다.

예제:

<! -- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="/path/to/t2editor.css" rel="stylesheet">
 
<!-- HTML -->
<div class="t2-editor-container">
    <div class="t2-toolbar">
        <!-- 툴바 버튼들 -->
    </div>
    <div class="t2-editor" contenteditable="true"></div>
    <textarea name="content" style="display:none;"></textarea>
</div>
 
<!-- JavaScript -->
<script src="/path/to/t2editor.js"></script>
<script>
    const editor = new T2Editor(document.querySelector('.t2-editor-container'));
</script>