HEditor Table Plugin

복잡한 데이터를 깔끔하게 정리하는 표 삽입 도구

플러그인 소개

Table 플러그인은 에디터 내에서 데이터를 체계적으로 보여주기 위한 표(Table)를 쉽고 빠르게 생성하고 관리할 수 있게 해줍니다. 직관적인 UI를 통해 표를 삽입하고, 마우스 클릭만으로 행과 열을 자유롭게 추가하거나 삭제할 수 있습니다.

단순한 표 생성뿐만 아니라, 드래그를 통한 셀 너비 조절 기능까지 제공하여 문서의 레이아웃을 정교하게 제어할 수 있습니다.

주요 기능

• 시각적 그리드 선택기: 10x10 그리드 패널을 통해 원하는 크기의 표를 시각적으로 선택하여 즉시 삽입합니다.
• 스마트 컨트롤러: 표를 클릭하면 나타나는 + / - 버튼을 통해 행과 열을 손쉽게 추가하거나 삭제할 수 있습니다.
• 드래그 리사이징: 셀 경계선을 마우스로 드래그하여 각 열의 너비를 픽셀 단위로 정밀하게 조정합니다.
• 안정적인 레이아웃: 셀 내용에 따라 표가 깨지지 않도록 고정된 레이아웃(Fixed Layout)을 지원합니다.

설치 및 적용 방법

1. 파일 업로드

다운로드후 압축을 해제한 파일을 /heditor/plugins/ 폴더에 함께 업로드합니다.

2. 에디터 설정 추가

에디터 초기화 코드의 toolbar 배열에 'table'을 추가합니다.

new HEditor('#myTextarea', {
    toolbar: [
        ['bold', 'italic', 'underline'],
        ['align', 'image'],
        ['table'] // 표 플러그인 추가
    ]
});