Discourse 기본 편집기

안녕하세요, 현재 표준 편집기를 WYSIWYG 편집기로 대체하는 플러그인을 개발하고 있습니다. 저처럼 초보 사용자에게는 더 쉬울 것 같아 이렇게 만들게 되었어요. 현재까지의 작동 방식과 계획에 대한 짧은 영상을 첨부합니다:

몇 달 안에 완성될 것 같습니다(제 동기부여에 따라 달라지겠지만 :smiley:). 다른 분들도 이 플러그인을 사용해보고 싶으신지 궁금합니다.

감사합니다 :slightly_smiling_face:

P.S. 이 작업이 끝나면 지금까지 만든 다른 플러그인들도 이 편집기 기반으로 재작성할 계획입니다. 이 플러그인을 일종의 API처럼 사용하여 컴포저와 게시글 작성 과정을 커스텀된 것으로 대체할 수 있는 기능을 몇 가지 계획하고 있습니다. 제가 진행 중인 프로젝트에서는 이미 꽤 잘 작동하고 있습니다. 문제는 현재 컴포저를 수정하는 일부 플러그인끼리 상호 배타적이라는 점입니다. 두 개가 동시에 활성화되면 문제가 발생하거든요. 이 플러그인이 그 문제를 해결하는 데 도움이 될 수 있을 것 같습니다. 리포지토리는 여기 있습니다: GitHub - spirobel/discourse-basic-editor: An attempt to make discourse more user friendly. · GitHub

76개의 좋아요

잘하셨습니다! 정말 훌륭한 아이디어입니다. 저희는 이미 담론 구성에서 이를 테스트하고 있습니다.
러시아어 번역과 버그 보고에 기꺼이 도움을 드리겠습니다.

4개의 좋아요

꽤 멋진 이니셔티브네요!

CKEditor를 선택하신 것 같네요. 다른 에디터도 테스트해 보셨나요?

예를 들어, https://trix-editor.org/ 은 Rails 6에 내장되어 있는 에디터이고, 가장 인기 있는 에디터는 https://www.slatejs.org/examples/richtext 입니다. 또한 미니멀한 스타일의 https://jaredreich.com/pell/ 도 있습니다.

12개의 좋아요

작곡가가 해야 할 방식, 정말 훌륭하네요! 몇 가지 꼼꼼한 피드백이 있지만, 아직 초기 단계이므로 나중에 해도 괜찮을 것 같아요.

15개의 좋아요

하하하하하하
:laughing:

7개의 좋아요

이것이 최신 빌드 2.6 BETA와 함께 작동하나요?

1개의 좋아요

좋은 아이디어네요! 제 포럼에서도 마크다운 편집기를 직접 사용하는 데 불편함을 느끼는 분들이 꽤 있습니다.
초보자들(비기술직이나 고령자)은 MD 구문이 다소 낯설게 느껴지고, 가끔 게시글 서식을 엉망으로 만드는 경우가 있어요. (정확한 이유는 모르겠지만요)

이 플러그인이 결국 공식 플러그인으로 채택되면 좋겠습니다. :slight_smile:
아니면 관리자 설정에서 WYSIWYG 편집기를 활성화할 수 있는 Discourse 기본 기능의 일부가 되는 것도 좋을 것 같아요.

직접 사용해 보고 피드백을 남겨볼게요!

6개의 좋아요

참고로 최신 빌드에서 업로드가 깨진 것 같습니다. 다음과 같은 오류가 발생합니다:

1개의 좋아요

지금 수정된 것 같네요. 참고로… 테스트 인스턴스가 없지만 한번 보고 싶은 분들을 위해:
https://cidian.social/
여기서 계정을 만들고 테스트 게시물을 올려볼 수 있습니다 :smiley:
제 개발 인스턴스라 가끔 깨지거나 다른 것을 설치할 수도 있지만, 현재 기본 편집기가 설치되어 있습니다.

6개의 좋아요

아직 설치하지는 않았지만, 설명만 들어도 멋진 작품인 것 같아요. 곧 한번 시도해볼게요 :slight_smile:

5개의 좋아요

훌륭한 작곡가입니다. 텍스트에 색상을 추가할 수 있나요?

테스트 드라이버를 해봤습니다. 인상적이었습니다.

테이블을 입력하거나 수식을 추가하는 등의 몇 가지 기능을 마음에 들어했습니다.

고양이 아이콘은 클릭하기 전까지는 무슨 뜻인지 몰랐습니다.

:+1:

5개의 좋아요

하하 재밌네 :cat2: 아쉽게도 HTML 전용 게시글로 전환하면 사라질 거야.
@Cam_Logical HTML로 전환하면 이렇게 해볼게. 색상은 아닐지 몰라도 정렬은 아마 할 거야.

3개의 좋아요

디자인에 터치스크린 사용자를 위한 옵션을 고려해 주실 수 있으신가요?

터치스크린에서 선택을 위한 컨텍스트 메뉴는 선택 위치 위에 표시되며, 텍스트 상자의 상단 몇 줄에서 선택을 하면 버튼 바를 가립니다.

이로 인해 짧은 메시지에서는 버튼 바의 기능을 사용할 수 없습니다.

서식 버튼이 텍스트 상자 하단에 있도록 하는 옵션을 추가할 수 있을까요?

1개의 좋아요

원박스(oneboxing)와 다른 Discourse 관련 기능들이 구현되면, 현재 웹사이트에서 사용했던 것과 동일한 CKEDITOR 기반의 진정한 WYSIWYG 편집기로 전환할 것입니다. 지금까지 정말 훌륭한 작업이었습니다.

5개의 좋아요

원박스(oneboxes)가 전혀 작동하지 않는 건가요? 게시물 첫 줄에 링크를 붙여넣으면 어떻게 되나요?

이 경우에도 작동해야 한다고 생각합니다. 직접 시도해 본 후 결과를 공유하겠습니다.

4개의 좋아요

아마도, 테스트해 보지 않았고 OP로부터 업데이트도 없었지만… 구현해야 하는 다른 언급 사항들이 더 있을 수도 있고, 그 외에는 알 수 없습니다…

그림에서 빈 공간(홀로우)을 만드는 데 무엇을 사용하시나요?

저희 쪽에서는 이 기능으로 원박스 처리가 정상적으로 작동합니다.

1개의 좋아요

모든 기능이 일반 편집기와 동일한 방식으로 작동합니다. 현재 UX는 완벽하지는 않습니다. (원하시면 "미리보기 표시"를 클릭해서 익숙한 방식으로 진행하시면 됩니다.) 하지만 제 생각에는 이러한 기능이 초보 사용자에게는 그렇게 중요하지 않을 것 같아서, 이 부분에 대한 긴급성은 그렇게 높지 않습니다. Discourse 특유의 마크다운 추가 기능(특정 게시물 인용, 멘션, 원박스)은 WYSIWYG 부분에서는 표시되지 않습니다. (하지만 미리보기에서는 여전히 볼 수 있으며, 고급 편집기로 전환해 오갈 수도 있습니다. 제 영상을 참고해 주세요.) 제 계획은 모든 링크에 작은 버튼을 추가하여 사용자가 원박스로 전환할 수 있도록 하는 것입니다. 이 모든 작업은 HTML 전용 게시물로 전환하는 방식으로 진행될 것입니다. 마크다운으로의 변환과 역변환은 너무 번거로워서요. 이 모든 것을 구현하는 것은 그리 어렵지 않을 것입니다. 이미 Discourse 코드베이스에서 관련 코드를 읽어 보았습니다. 하지만 제 개인 프로젝트(마נדarin, 영어, 독일어 사전으로 Discourse 기반)가 우선순위 목록에서 더 위에 있습니다. 이 모든 작업을 위해 저는 보수를 받지 않는다는 점을 감안해 주십시오.

9개의 좋아요