노션 스타일 에디터

놀랍지 않아요. TipTap가 정말 훌륭하고 안정적으로 보입니다. :smile:

부연 설명하자면, TipTap이 실제로는 ProseMirror를 감싼 래퍼라는 것을 알아차렸어요.

Tiptap은 ProseMirror를 감싼 헤드리스 래퍼로, 뉴욕타임즈, 가디언, 애슬래시안 등 유명 기업들에서 이미 사용 중인 리치 텍스트 WYSIWYG 에디터를 위한 툴킷입니다.

커스터마이징 가능한 빌딩 블록을 사용하여 원하는 대로 리치 텍스트 에디터를 만들 수 있습니다. Tiptap은 합리적인 기본값, 다양한 확장 기능, 그리고 모든 측면을 커스터마이징할 수 있는 친절한 API를 제공합니다. 환영적인 커뮤니티의 지원을 받으며 오픈 소스이고 무료입니다.

나중에 한번 시도해볼게요. 정말 흥미로워 보입니다. ProseMirror API 사용을 더 쉽게 만들어줄 것으로 추정되는 TipTap API가 ProseMirror가 제공하는 모든 기능을 발휘할 수 있을지는 아직 확인해봐야 할 것 같습니다.


수정: 사실 이 주제를 더 읽어야 했네요. 위에서 이미 여러 번 언급된 내용이었습니다 :rofl:

3개의 좋아요

Outline은 Y CRDT 위에 TipTap 기반의 블록형 편집기를 구현하고 있으며, AppFlowy와 매우 유사합니다. 후자는 자체 블록 편집기를 갖추고 있습니다.

AnyType 편집기는 첫인상만 보면 매우 강력해 보였습니다. 하지만 이것이 저층의 MongoDB 저장소와 얼마나 긴밀하게 결합되어 있는지 알 수 없습니다.

아마도 그들의 소스 코드가 유사한 것을 구축하는 데 영감을 줄 수 있을지도 모릅니다.

불행히도, 로우코드 Airtable과 노코드 Notion 대안으로 알려진 FLOSS(자유 및 오픈 소스 소프트웨어) 분야는 상당히 비어 있습니다. 때로는 애플리케이션의 일부만이 실제로 FLOSS일 뿐입니다.

AFFiNE에서 나온 이 제품은 직접 사용해 보니 흥미로웠습니다.

Notea 역시 깔끔하고 차분한 블록 편집기를 제공합니다.

반면,

의 유일한 구현체로 보이는 것은 압도적으로 느껴지는 hash.ai입니다.

배울 수 있는 사례는 많습니다. 올바르게 하는 방법은 무엇일까요? HTML과 bbCode가 혼합된 일반 텍스트 마크다운, 그리고 자동 박스(autoboxes)의 범용성보다 어떤 이점이 있을까요?

블록 편집기는 ActivityPub 연동(federation)에 어떤 영향을 미칠까요? 개별 블록을 연동한다는 것은 무엇을 의미할 수 있을까요? 이 방식이 블록의 연동된 트랜스클루전(transclusion) 개발을 지원할 수도 있을까요?

참고:

6개의 좋아요

Obsidian에 내장된 편집기의 기능을 살펴볼 가치가 있을 것 같습니다. 이 편집기는 편집하는 동안 마크다운을 렌더링하는 마크다운 편집기입니다. 커서가 있는 텍스트에만 마크다운 구문이 표시되고, 나머지는 렌더링된 텍스트로 표시됩니다. 이는 양쪽의 장점을 모두 갖춘 가장 좋은 방법처럼 보입니다.

CodeMirror 위에 구축된 것 같습니다: CodeMirror 6.0 Stable Release | Hacker News.

1개의 좋아요

그런데 모바일/태블릿에서는 마크다운이 어떻게 표시되나요? 터치스크린에서 실패한다면, 그것은 하나의 환경에만 해당되는 것이므로, 이를 위한 별도의 토글이 있어야 합니다.

1개의 좋아요

잘 모르겠지만, 그것이 문제가 될 수 있다는 점은 맞습니다. 단순히 흥미로운 구현 방식 중 하나로 참고하라고 제안한 것뿐입니다.

수정: 모바일에서는 데스크톱과 거의 동일한 기능을 제공합니다. 기본적으로 마크다운/와이즈와이즈(WYSIWYG) 하이브리드 에디터입니다. 저는 마크다운을 매우 선호하므로, 당연히 편향된 시각을 가지고 있습니다.

저는 이 사안에서 그저 또 다른 일반 사용자일 뿐입니다 :zany_face: 하지만 가까운 미래에 WYSIWYG(편집기에서 보는 그대로 출력) 기능이 구현되기까지는, UI/UX 관점에서 토글 버튼을 하나 더 추가하는 것은 큰 문제가 되지 않을 것입니다 — 물론 해당 기능을 코딩하는 것은 또 다른 문제이지만요. 워드프레스에도 코드 보기 버튼이 있습니다(워드프레스의 편집 시스템은 엉망이지만요. Automattic이 외형 우선, 콘텐츠 후순위라는 비전을 채택했을 때 완전히 깨졌습니다).

아직도 가장 중요한 기능은 파일 업로드를 제외하고 툴바를 완전히 숨길 수 있는 설정이라고 생각합니다. 모바일에서는 이미 이 기능이 있습니다(이스터 에그로 :smirking_face:). 편집기 개선이나 변경보다 이것이 더 중요하다고 봅니다.

우리는 두 가지 다른 사용자 카테고리를 가지고 있습니다:

  • 거의 글을 쓰지 않고 댓글을 남기는데 정말 낮은 진입 장벽(이 표현이 맞는지 모르겠네요)이 필요한 압도적인 다수
  • 다양한 도구가 필요하고 그것에 쉽게 접근할 수 있어야 하는 파워 유저

물론 이는 포럼의 성격에 따라 다릅니다. 하지만 대담하게 말하자면, 대부분의 포럼에서 이것이 사실이라고 생각합니다.

Discourse에서 이제 실험性质的인 WYSIWYG 작성기를 출시했습니다 :confetti_ball:

이로써 Notion과 유사한 경험을 위한 모든 기본 구성 요소를 갖추게 되었습니다.

이러한 상황에서 @TheDarkWizard 님, 넓은 범위의 요청이 완료되었다고 생각하시나요?

새로운 작성기에 대한 더 구체적인 기능 요청(더 스마트한 컨텍스트 메뉴 등)을 다시 논의할 수 있도록 이 주제를 닫겠습니다.

12개의 좋아요