Rails Action Text에 맞춘 리치 텍스트 에디터 Lexxy

Rails Action Text에 맞춘 리치 텍스트 에디터 Lexxy

Lexxy Rails 리치 텍스트 에디터 썸네일

Rails에서 글쓰기 화면을 만들 때 편집 경험과 저장되는 HTML을 함께 챙기기는 쉽지 않아요. 37signals가 만든 Lexxy는 Meta의 Lexical을 바탕으로 Markdown, 코드 강조, 첨부파일 미리보기, 표 편집을 한 에디터에 담아요. Rails Action Text가 쓰는 HTML 형식과 맞물려 기존 Trix를 교체하기 쉽게 설계했어요. 1

핵심 요약

구분	내용	개발자가 확인할 점
기반 기술	Meta의 Lexical 프레임워크 위에 만들었어요	Lexical의 확장 구조를 Rails에서 활용할 수 있어요
문서 작성	Markdown 단축키와 붙여 넣기 자동 서식을 지원해요	작성 중 편집기와 Markdown 모드를 오갈 필요가 줄어요
코드와 표	실시간 문법 강조와 표 편집 도구를 제공해요	기술 문서나 내부 지식 문서에 필요한 기능을 갖췄어요
Action Text 연동	첨부파일용 표준 HTML을 만들어요	기존 Trix 교체 비용을 낮추는 방향이에요
배포 조건	MIT 라이선스이며 현재 gem은 Rails 8.0.2 이상을 요구해요	기존 Rails 버전과 호환되는지 먼저 확인해야 해요

1. Rails 안에서 편집 경험과 저장 형식을 함께 다뤄요

Lexxy는 Rails용 리치 텍스트 에디터예요. 37signals가 개발했고, GeekNews 소개에 따르면 Basecamp를 포함한 수백 개 제품에서 운영 중이에요. 브라우저 편집기의 기반은 Meta가 공개한 Lexical이에요. Rails 쪽에서는 Action Text가 기대하는 첨부파일 HTML을 생성해 기존 저장 흐름에 연결해요. 1

공식 저장소가 강조하는 차이는 HTML 시맨틱이에요. 문단을 실제 `

` 요소로 만들고, 첨부파일도 Action Text의 표준 형식에 맞춰 저장해요. 편집 화면은 보기 좋지만 결과 HTML이 불필요한 요소로 복잡해지는 문제를 줄일 수 있어요. 렌더링 결과를 이메일, 검색 색인, 모바일 화면처럼 여러 곳에서 다시 써야 하는 서비스라면 저장 형식이 단순하다는 점도 비교 기준이 돼요. 2

Markdown과 코드 작성 흐름을 끊지 않아요

Markdown 단축키를 입력하면 바로 서식이 적용돼요. Markdown 문서를 붙여 넣을 때도 자동으로 형식을 바꿔 줘요. 선택한 문장 위에 URL을 붙여 넣으면 링크가 생겨 도구 모음을 거치는 횟수도 줄어요.

728x90

펜스 코드 블록에는 입력하는 동안 문법 강조가 적용돼요. Bash, C++, Go, Java, JavaScript, Python, Ruby, Rust, SQL, TypeScript 등 여러 언어를 지원해요. 개발 문서나 기술 지원 답변처럼 설명과 코드를 함께 쓰는 화면에서 별도 코드 블록 플러그인을 붙이는 일을 줄일 수 있어요.

첨부파일과 표를 편집기 안에서 확인해요

PDF와 비디오는 편집기 안에서 미리 볼 수 있어요. 여러 이미지는 그리드로 배치할 수 있고, 드래그 앤드 드롭으로 위치를 바꿀 수 있어요. 글을 저장한 뒤 결과 화면을 열어 배치를 확인하는 왕복 작업을 줄이는 기능이에요.

표는 행과 열을 추가하거나 지우고, 스타일을 바꾸는 조작을 지원해요. 멘션과 상호 작용형 선택 창도 만들 수 있어요. 데이터 불러오기와 검색 조건을 조절할 수 있어 사용자나 프로젝트를 검색해 넣는 기능으로 확장하기 좋아요.

기존 Trix를 바꾸기 전에 호환 범위를 확인해야 해요

Lexxy는 Action Text에서 Trix를 대체하는 방식으로 설계됐어요. 다만 공식 gemspec의 현재 의존성은 Rails 8.0.2 이상이에요. 오래된 Rails 앱이라면 에디터 UI보다 프레임워크 업그레이드 범위를 먼저 따져봐야 해요. 공식 저장소의 최신 공개 릴리스는 2026년 7월 30일에 나온 v0.9.28이에요. 아직 1.0 이전 버전이므로 업데이트 전 변경 내용과 회귀 테스트도 확인하는 편이 안전해요. 3

도입 테스트에서는 기존 Action Text 본문과 첨부파일이 같은 모습으로 렌더링되는지 먼저 확인하면 좋아요. 한글 입력기 조합, 복사해 온 표와 목록, 모바일 터치 편집, 접근성, 긴 문서 성능도 실제 콘텐츠로 시험해야 해요. Trix에 덧붙인 사용자 정의 기능이 있다면 Lexxy 확장 기능으로 옮길 수 있는지도 목록별로 비교해야 해요.

왜 중요한가요

Rails는 Action Text로 리치 텍스트 저장 구조를 제공하지만, 기본 편집 경험을 제품 요구에 맞추려면 추가 작업이 생겨요. Lexxy는 Markdown, 코드, 표, 첨부파일, 멘션처럼 자주 필요한 기능을 Rails의 저장 방식과 함께 묶어요. 콘텐츠 관리 화면이나 협업 문서 기능을 만드는 팀은 에디터 기능을 여러 플러그인으로 조합하는 대신 하나의 통합 후보를 검토할 수 있어요. 2

선택 기준은 기능 수보다 기존 데이터와의 호환성이에요. 작은 운영 화면에 먼저 연결해 저장 HTML, 첨부파일, 붙여 넣기, 키보드 입력을 점검하면 교체 비용을 가늠하기 쉬워요. Rails 버전 조건과 1.0 이전 릴리스라는 점까지 고려하면, 새 프로젝트와 기존 서비스의 도입 판단은 달라질 수 있어요.

참고 자료

1. Lexxy - Rails를 위한 현대적인 리치 텍스트 에디터 — GeekNews
2. basecamp/lexxy — GitHub
3. Lexxy v0.9.28 — GitHub Releases