T2Editor v10.3.0 - 한국형 위지윅 웹 에디터

*Chatgpt로 생성한 이미지

*php8.2에서 테스트 되었습니다.

 

T2Editor

지원 기능:

텍스트 서식

글자 크기

글자색

배경색

문단 정렬

실행 취소 및 다시 실행

실시간 검색 및 바꾸기

링크

링크 카드

이미지 블록

동영상 블록 및 자체 동영상 플레이어

오디오 블록

파일 첨부 블록

PDF 뷰어

테이블(표) 블록

코드 블록

드로잉(그림판)

웹 및 작성중인 게시글 내 콘텐츠 검색

밈 삽입

ClipURL(단축 URL·QR 코드)

HTML 문서로 내보내기

실시간 협업

자동 저장

T2Editor AI(대화형 글쓰기·문단 재구성)

다크 모드

반응형 툴바

다국어 인터페이스(예정)

접근성(A11y)

플러그인 확장(hook&extend구조)

업로드 보안 설정

 

T2Editor는 글을 쓰는 순간부터 콘텐츠를 게시하고 다시 활용하는 순간까지, 하나의 편집 화면 안에서 모두 처리할 수 있도록 설계된 한국형 모바일 위지윅 웹 에디터입니다.

굵게·기울임·밑줄·취소선 같은 기본 서식은 물론 글자 크기, 글자색, 배경색, 문단 정렬 기능을 갖추고 있으며, 이미지·동영상·오디오·일반 파일·표·링크·코드 블록 같은 다양한 콘텐츠를 문서 안에 블록 형태로 자연스럽게 삽입할 수 있습니다. 복잡한 HTML을 직접 다루지 않아도 되므로, 일반 게시글부터 자료실 문서, 개발 문서, 제품 소개, 강좌 콘텐츠까지 폭넓게 활용할 수 있습니다.

 

이미지는 드래그 앤 드롭으로 간편하게 업로드할 수 있고, 붙여넣기로도 바로 이미지 블록이 생성됩니다. 본문 안에서 바로 찾고 고칠 수 있는 실시간 검색 및 바꾸기 기능과, 여러 단계의 편집 이력을 관리하는 실행 취소·다시 실행(Ctrl+Z / Ctrl+Y) 기능이 있어 긴 글이나 여러 자료가 포함된 문서를 작성할 때의 실수를 줄여 줍니다.

 

화면 크기에 따라 도구가 자동으로 정리되는 반응형 툴바를 적용해 데스크톱, 태블릿, 모바일 환경 모두에서 편집 공간을 효율적으로 사용할 수 있습니다. 자주 쓰는 기능은 바로 노출하고 나머지는 그룹으로 정리하므로, 기능이 많아져도 화면이 복잡해지지 않습니다. 스크린리더 대응과 키보드만으로도 조작 가능한 접근성(A11y)도 지원합니다.

작성 중인 내용은 자동 저장되며, 이전에 저장된 내용을 복원하는 흐름도 지원합니다. 하나의 페이지에 여러 에디터가 함께 배치되는 환경에서도 각 편집기가 독립적으로 동작하도록 구성되어 있어, 게시글·댓글·답글·위젯 등 다양한 입력 화면에 적용할 수 있습니다.

 

동영상은 유튜브 등 다양한 플랫폼의 URL을 붙여넣기만 하면 임베드되며, 자체 동영상 플레이어를 통해 외부 페이지로 이동하지 않고 본문 안에서 바로 재생됩니다. 오디오 파일도 본문에서 바로 들을 수 있고, PDF는 별도 다운로드 없이 문서 안에서 바로 내용을 확인할 수 있습니다. 일반 첨부파일 역시 콘텐츠 흐름에 맞는 파일 블록으로 표현됩니다.

 

업로드되는 이미지에는 자체 NSFW 자동 검열 기능이 적용되어 부적절한 이미지를 업로드 시점에 걸러낼 수 있습니다. 이 밖에도 표 작성, 구문 강조가 적용되는 코드 블록, 그림판을 이용한 직접 드로잉, 인기 밈(짤) 검색 및 삽입, 콘텐츠·웹 검색 기능을 글의 성격에 맞게 선택해 사용할 수 있습니다.

 

웹 주소는 단순 링크로 삽입할 수 있을 뿐 아니라, ClipURL 기능으로 단축 링크와 QR 코드를 함께 생성할 수 있습니다. 제목과 썸네일이 자동으로 표시되는 링크 카드 기능은 현재 준비 중입니다.

 

작성한 문서는 HTML로 내보낼 수 있어 게시글 이외의 페이지나 별도 콘텐츠로 다시 활용하기 편리합니다. 실시간 협업 기능을 사용하면 여러 사용자가 하나의 문서를 동시에 편집할 수 있으며, 원격 커서 표시, 채팅, 반응 등 협업 흐름에 필요한 요소들이 함께 제공됩니다.

 

AI 기능을 활성화하면 단순한 지시 입력을 넘어 채팅 방식의 대화형 편집으로 게시물을 작성·수정할 수 있습니다. AI가 에디터를 직접 조작해 이미지 블록, 코드 블록, 링크, 서식, 표 등을 적절한 위치에 삽입하며, 문단 재구성, 문서 요약, 이어 쓰기 같은 작업도 편집 흐름 안에서 바로 처리할 수 있습니다.

 

라이트·다크·레이아웃 연동형 자동 테마를 지원해 사이트 디자인에 맞는 편집 화면을 구성할 수 있습니다. 다크 모드 전환 버튼의 노출 여부를 조정할 수 있고, 사이트가 사용하는 테마에 맞춰 에디터 색상을 자동으로 맞추도록 설정할 수도 있습니다. 한국어, 영어, 일본어, 중국어 등 다국어 인터페이스를 지원합니다

 

에디터 높이, 초기 포커스, 툴바 표시 여부, 파일 업로드 허용 여부, 자동 저장 사용 여부, 색상 테마 등을 각 사용 화면에 맞게 설정할 수 있습니다. 게시판마다 다른 편집 환경을 적용하거나, 댓글 입력창에서는 도구를 줄이고 본문 작성 화면에서는 전체 기능을 제공하는 식의 구성이 가능합니다. 관리자 페이지에서는 코어 파일을 직접 수정하지 않고도 플러그인 순서, 반응형 메뉴바, 다크 모드, 업로드 설정 등을 간편하게 조정할 수 있습니다.

 

툴바 버튼은 정해진 형태로만 써야 하는 것이 아니라 사이트 운영 방식에 맞게 순서와 노출 구성을 바꿀 수 있습니다. 플러그인별 우선순위를 지정하거나 필요한 기능만 활성화할 수 있고, 사용하지 않는 기능은 제외하고 필요한 기능은 앞쪽에 배치해 사이트 성격에 맞는 편집 환경을 만들 수 있습니다.

 

T2Editor는 기능을 에디터 본체에 계속 쌓아 올리는 방식이 아니라, 코어와 플러그인을 분리해 필요한 기능만 선택적으로 불러오는 구조를 사용합니다. 이미지, 파일, 동영상, 표, 코드, 검색, 내보내기, 협업 같은 기능이 각각 독립된 플러그인으로 구성되어 있어 기능 추가와 유지보수가 비교적 명확합니다. 새 기능은 플러그인 폴더 하나를 추가하는 것만으로 연결할 수 있어 코어 수정이 필요하지 않습니다.

 

플러그인은 버튼 정보, 실행 스크립트, 스타일, 이벤트 훅을 나누어 구성할 수 있으며, 버튼의 명령어, 아이콘, 접근성 라벨과 정렬 순서를 정의할 수 있어 사이트 전용 콘텐츠 블록이나 외부 서비스 연동 도구를 추가하기에도 적합합니다. 코어 파일을 직접 수정하지 않고 기능을 확장하는 extend 시스템도 별도로 제공되어, 업데이트 이후에도 커스터마이징한 내용이 유지됩니다.

 

독립적인 PHP 환경(PHP 8.0 이상 권장)뿐 아니라 그누보드5 플러그인 환경, 라이믹스 에디터 스킨 환경에 맞춰 사용할 수 있도록 구성되어 있어, 기존 사이트에 도입하거나 별도 서비스에 내장하기 좋습니다. 특정 설치 경로만을 전제로 하지 않고 실제 설치 위치를 기준으로 경로와 URL을 계산합니다.

 

라이믹스 환경에서는 기존 첨부파일 처리, 업로드 세션, 자동 저장 설정, CSRF 토큰과 에디터 시퀀스를 그대로 연동합니다. 에디터 내부의 별도 업로드 체계로 분리하지 않고 사이트가 이미 사용하는 파일 관리 흐름과 연결되므로, 게시글과 첨부파일의 관계를 일관되게 유지할 수 있습니다.

 

업로드 과정에서는 확장자와 MIME 유형을 함께 확인하고, 파일의 실제 시그니처(매직바이트)를 검사해 단순히 파일명만 바꾼 업로드를 구분합니다. 이미지, 문서, 압축파일, 동영상, 오디오와 여러 텍스트 형식을 세분화해 처리하며, 원본 파일명 정제와 요청 출처(Origin) 검사도 함께 적용됩니다.

 

외부 미디어와 파일 URL은 허용 도메인을 기준으로 관리할 수 있습니다. 현재 사이트의 도메인은 자동으로 허용하면서 CDN, 미디어 서버 또는 별도 정적 파일 도메인만 추가로 등록하도록 설정할 수 있어, 외부 주소를 무제한으로 허용하지 않고 운영 환경에 필요한 출처만 선별할 수 있습니다. 프록시와 HTTPS 환경을 고려한 요청 출처 확인 구조도 포함되어 있습니다.

 

스타일과 콘텐츠 표현은 분리된 CSS로 관리할 수 있으며, 라이트·다크 테마 스타일도 각각 조정할 수 있습니다. 사이트 디자인 시스템에 맞춰 여백, 버튼, 콘텐츠 블록과 편집 영역의 표현을 수정하면서도 편집 기능 자체는 그대로 유지할 수 있습니다.

 

T2Editor의 코어 파일과 기본 제공 플러그인은 무료로 사용·수정·재배포할 수 있으며, 저작권 및 지적재산권은 개발사인 DSc(dsclub.kr)·Tak2에게 있습니다. 독자적으로 개발한 호환 플러그인은 별도의 유료 판매 및 서비스로 확장할 수 있도록 허용되어 있어, 사이트 전용 기능을 내부에서만 쓰는 것부터 범용 플러그인으로 제작하는 것까지 다양한 방식으로 생태계를 넓혀갈 수 있습니다.

 

필요한 기능을 처음부터 모두 강제하는 에디터가 아니라, 지금 사이트에 필요한 기능으로 시작한 뒤 운영 규모와 콘텐츠 형태에 맞춰 점진적으로 확장할 수 있는 에디터입니다. 작성자는 더 다양한 콘텐츠를 편리하게 만들 수 있고, 운영자는 사이트별 편집 정책과 업로드 범위를 관리할 수 있으며, 개발자는 기존 시스템을 크게 바꾸지 않고도 새로운 편집 기능을 연결할 수 있습니다.