Lexxy는 기존 Trix 에디터의 한계를 극복하고 현대적인 웹 환경에 맞는 강력한 기능을 제공하기 위해 탄생했습니다. Trix와 Lexxy의 주요 기능 비교는 다음과 같습니다.
Trix vs Lexxy 주요 기능 비교
-
단락 마크업: Trix는
<div>및<br>태그를 사용하는 반면, Lexxy는 실제<p>태그를 사용하여 더 깔끔하고 스타일링하기 쉬운 HTML을 생성합니다. -
마크다운 지원: Trix는 마크다운을 지원하지 않지만, Lexxy는 단축키 및 자동 서식 지정을 포함한 완전한 마크다운 지원을 제공합니다.
-
코드 구문 강조: Trix의 제한적인 기능과 달리, Lexxy는 언어 선택과 함께 실시간 코드 하이라이팅을 지원합니다.
-
선택된 텍스트에 링크 붙여넣기: Trix는 이 기능을 제공하지 않지만, Lexxy는 선택된 텍스트에 링크를 붙여넣으면 자동으로 링크를 생성합니다.
-
멘션/명령어 프롬프트 메뉴: Trix에는 없는 기능으로, Lexxy는
@또는/입력 시 서버에서 로드하거나 인라인으로 필터링 가능한 완전히 사용자 정의 가능한 프롬프트 메뉴를 제공합니다. -
첨부 파일 미리보기 (PDF, 비디오): Trix의 기본적인 미리보기와 달리, Lexxy는 에디터 내에서 첨부 파일의 풍부한 미리보기를 지원합니다.
Lexxy의 주요 기능
-
깔끔한 HTML 출력: 단락이 적절한
<p>태그로 구성되어 텍스트 스타일링이 용이합니다. -
마크다운 단축키: 마크다운을 입력하거나 붙여넣으면 자동으로 서식 있는 텍스트로 변환됩니다.
-
실시간 코드 하이라이팅: 코드를 작성할 때 즉시 하이라이팅되며, 언어를 선택할 수 있습니다.
-
스마트 링크: 링크를 붙여넣으면 즉시 링크로 변환되며, 텍스트를 선택한 후 링크를 붙여넣으면 해당 텍스트가 링크가 됩니다.
-
풍부한 첨부 파일 미리보기: PDF 및 비디오를 편집 중에 직접 미리 볼 수 있습니다.
-
멘션 및 명령어 프롬프트:
@또는/를 입력하면 멘션, 해시태그 또는 명령어 메뉴가 나타나며, 서버에서 항목을 로드하거나 브라우저에서 필터링하거나 사용자 정의 항목을 추가할 수 있습니다.
설치 방법
Lexxy는 Gemfile에 gem 'lexxy', '~> 0.1.4.beta'를 추가하고 bundle install을 실행한 후, importmap.rb에 pin "lexxy", to: "lexxy.js" 및 pin "@rails/activestorage", to: "activestorage.esm.js"를 추가하여 사용할 수 있습니다. JavaScript 진입점에는 import "lexxy"를 추가해야 합니다. NPM 패키지를 사용하는 경우 yarn add @37signals/lexxy와 @rails/activestorage를 설치하고 JavaScript 진입점에서 @37signals/lexxy를 임포트하면 됩니다.
Lexxy의 향후 계획
Lexxy는 현재 초기 베타 단계에 있지만 빠르게 발전하고 있습니다. 로드맵에는 Action Text 내에서 Lexxy, Trix 또는 tiptap과 같은 타사 에디터를 선택할 수 있는 설정 가능한 에디터, 테이블 지원, 텍스트 색상 하이라이팅, Trix의 HTML과 완전한 호환성을 위한 이미지 갤러리 등의 더 많은 기능, 그리고 비 Rails 환경을 위한 독립형 JS 패키지 등이 포함됩니다. 또한, 더 쉬운 설치와 간소화된 설정을 통해 향상된 구성 및 배포를 목표로 하며, Basecamp에서 이미 사용 중이므로 검증된 안정성을 기대할 수 있습니다.