에디터 미리보기 위치

[Alteras (Steven Chang)]

	요약	Discourse의 작성기(composer)에서 미리보기를 재배치하고 크기를 조정할 수 있도록 합니다.
	저장소	GitHub - Alteras1/discourse-editor-preview-position: Discourse theme component for users to reposition and resize the preview · GitHub
	설치 가이드	테마 또는 테마 컴포넌트 설치 방법
	Discourse 테마를 처음 사용하시나요?	Discourse 테마 사용 입문 가이드

이 테마 컴포넌트 설치

Discourse의 작성기(composer)에서 미리보기를 재배치하고 크기를 조정할 수 있도록 합니다. 드래그 바를 더블 클릭하면 분할 창이 중앙으로 재배치됩니다.

전체 화면 미리보기

https://github.com/Alteras1/discourse-editor-preview-position/raw/main/.github/images/editor-preview-position-fullscreen.gif

https://github.com/Alteras1/discourse-editor-preview-position/raw/main/.github/images/editor-preview-position-fullscreen.gif(image larger than 10 MB)

작성기를 전체 화면 뷰와 동일한 스타일로 설정하는 옵션도 추가합니다.

설정

상단 바 미리보기 버튼

미리보기 버튼을 상단 바로 이동시킵니다. 기본값: true

스크린샷

비전체 화면:

전체 화면:

상단/하단 미리보기 허용

미리보기가 편집기 위/아래에 위치할 수 있도록 허용합니다. 기본값: true

스크린샷

가로 방향 크기 조절 가능한 미리보기 허용

미리보기가 가로축 방향으로 크기 조절될 수 있도록 허용합니다. 기본값: true

세로 방향 크기 조절 가능한 미리보기 허용

미리보기가 세로축 방향으로 크기 조절될 수 있도록 허용합니다. 기본값: true

깔끔한 작성기 스타일

작성기 스타일을 전체 화면 작성기 스타일에 더 가깝게 변경합니다. 기본값: false.

스크린샷

서로 다른 방향에서 해당 스타일의 스크린샷입니다.

이 설정은 개인의 취향에 따른 것입니다. 이 테마 컴포넌트를 개발하는 동안, 전체 화면 편집기와 비전체 화면 편집기 간의 차이가 집중력을 흐트러뜨린다는 것을 발견했습니다. 그래서 더 “통합된” 경험을 만들기 위해 이 스타일링을 추가했습니다. 기본적으로 비활성화되어 있습니다.

호환성 및 참고 사항

api.renderInOutlet() 함수와 새로운 glimmer 컴포넌트를 사용하기 때문에 Discourse v3.2.0 이상에서만 작동합니다.

사이드 바이 사이드(좌우 나란히) 미리보기는 데스크톱 뷰에서만 발생하므로, 이 테마 컴포넌트는 데스크톱 뷰에만 적용됩니다.

마찬가지로, 리치 텍스트 편집기(RTE)에는 별도의 미리보기가 없으므로, RTE 모드에서는 이 컴포넌트가 비활성화됩니다.

스크린샷에서 사용 중인 테마는 Graceful 테마입니다.

[Heliosurge (Dan DeMontmorency)]

정말 좋습니다. 회원들이 좋아할 거예요!

[Monikas (JustMonika)]

세로 방향을 수정하면 버그가 발생합니다

[Alteras (Steven Chang)]

리포트 감사합니다! 수정 사항을 배포했습니다.

Fix vertical preview not capping with new topic composer (#1)

음… 방금 드래그 바가 툴바와 새 주제 필드 사이에 위치해 있다는 걸 깨달았네요… 그게 어떤 느낌일지 잘 모르겠네요…

[Lilly (Lillian)]

테스트 포럼에 설치해 봤어요. 꽤 마음에 듭니다. 공유해 주셔서 감사합니다

[jordan.vidrine]

정말 좋습니다, 공유해 주셔서 감사합니다!

[Lilly (Lillian)]

다시 한번 이 컴포넌트에 대해 이야기하고 싶어서 글을 남깁니다. 저는 매일 대부분의 업무를 제 인스턴스에서 처리하는데, 덕분에 제 Discourse 사용자 경험이 크게 향상되었습니다. 대형 데스크톱 모니터에서 미리보기가 상단에 있는 넓은 컴포저를 정말 좋아합니다. 모바일에서도 그 뷰를 적용할 수 있을 것 같은데 (물론 모바일 키보드가 변수가 될 수는 있겠지만), 시간이 좀 남으면 포크해서 시도해 볼 생각입니다 (즉, 거의 그럴 일은 없겠지만요 ㅋㅋ).

좋은 작업이네요 공유해 주셔서 다시 한번 감사합니다.

[MihirR (Mihir)]

간단히 확인하고 싶은데요, 이 기능은 주로 데스크톱용으로 설계된 건가요?

[Alteras (Steven Chang)]

네, 데스크톱용으로 설계되었습니다.