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>
필수 환경
PHP 7.x ~
GD Livrary
*펄스나인님과 jihan006님이 오류 수정하는데 도와주셨습니다.
데모는 첨부링크1에서 하실 수 있습니다. (작성 후 삭제해주세요)
댓글 18개
게시글 목록
| 번호 | 제목 |
|---|---|
| 13281 | |
| 13259 | |
| 13250 | |
| 13228 | |
| 13204 | |
| 13193 | |
| 13176 | |
| 13175 | |
| 13170 | |
| 13159 | |
| 13145 | |
| 13144 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기