새로운 Composer 문제: 연결된 이미지

안녕하세요! 제 사이트에 리치 텍스트 편집기를 활성화해 보았는데, 몇 가지 문제가 발생했습니다… 가장 먼저, 일반 마크다운 편집기에서처럼 이미지 링크를 걸 수 없었습니다. 예를 들어:

![Test image.](https://live.staticflickr.com/65535/54637302974_542eb17306_3k.jpg)

일반 마크다운 편집기에서는 당연히 게시글에 인라인 이미지가 표시되죠. 아마 여기서 보실 수 있듯이, 리치 텍스트 편집기에서는 그렇지 않습니다!

1개의 좋아요

리치 텍스트 편집기에 마크다운을 직접 입력하고 계신 건가요?
그렇다면 동작하지 않습니다. 리치 편집기에서는 마크다운을 사용할 수 없거든요.

아니면 이미지를 붙여넣기/업로드하고 계신 건가요?
그 방식은 정상적으로 작동합니다.

… 직접 입력하게 된 이유를 이해할 수 있어요. 리치 편집기에 “이 외부 이미지로 링크하세요”라고 지시하는 방법이 있는 것 같지 않거든요.

안녕하세요, 구체적으로 언급하지 않은 점 죄송합니다. 실제로는 리치 텍스트 에디터로 작성하고 있었습니다! 불행히도 외부 이미지를 링크하면서 다시 꺼놓지 않고 연결할 수 있는 유일한 방법이 바로 그 방법이었어요. 제가 볼 수 있는 범위 내에서 말입니다 :frowning:

1개의 좋아요

이것이 버그가 아니라 기능 요청이라면(기술적으로 제가 리치 텍스트 편집기를 부적절하게 사용했던 것이긴 하지만), 적절한 카테고리로 이동해 주시면 됩니다! 외부 이미지로 링크를 만드는 것은 꽤 일반적인 사용 사례라고 볼 수 있으므로, 리치 텍스트 편집기에 외부 미디어로 링크할 수 있는 버튼을 추가하는 것이 향후 좋은 개선 사항이 될 수 있다고 생각합니다. 다만, 매우 기술적인 관점에서는 이 경우 컴포저가 정상적으로 작동하고 있습니다. :slight_smile: 아마도 버튼 하나 정도만 더 추가되면 될 것 같습니다!

1개의 좋아요

네, 맞습니다. 결국 기능 결함 문제라고 생각하지만, 구체적인 분류는 기능 담당자가 판단하도록 하겠습니다.

1개의 좋아요

정말 감사합니다. 저도 그렇게 하겠습니다. 잘못 분류해서 죄송합니다 :slight_smile:

새 줄에 이미지 URL을 게시하면 자동으로 원박스(onebox) 처리됩니다:


그러나 이미지 직접 업로드 시 제공되는 크기 조절 및 캡션 기능이 없습니다. @renato 님이 이 사용 사례에 대해 어떻게 생각하시는지 모르겠습니다. 다른 유형의 원박스는 특수한 경우로 간주하고 있으므로, 여기에도 이미지 크기 조절/캡션 기능을 추가할 수 있을지 확실하지 않습니다.

1개의 좋아요

마크다운 편집기에도 동일한 문제가 있습니다. 링크 삽입 버튼을 확장하여 이를 지원할 수 있을지도 모르겠네요.

아니면, 사용자들은 이미지를 업로드하기 위해 어떤 작업을 할 수 있을 것이라고 기대할까요?

1개의 좋아요

질문하신 대로, 특정 UI를 통해 외부 이미지를 삽입할 수 있는 방법을 지원하는 것 같은 다른 가능성이 있다고 생각합니다. 다소 무리한 생각일 수 있지만, 다른 곳에서는 탭을 이용해 GIF를 검색하거나 외부 미디어를 입력하는 이모지 액션을 본 적이 있습니다. 이 부분을 개선할 수 있는 방법을 찾아볼 수 있을 텐데, 아직 정확히 무엇을 할지는 명확하지 않습니다.

다만, 마크다운에 익숙한 사용자들이 새로운 에디터에서 자연스럽게 입력할 수 있도록 몇 가지 특수 입력 규칙을 지원하고 있습니다. 예를 들어 # 제목이나 **굵게** 같은 방식이죠. 그래서 ![image](markdown) 형식도 추가했습니다:

이 기능을 사용하면 ![Test image](를 입력한 뒤 링크를 붙여넣고 )를 입력하면 이미지 노드가 생성됩니다.

3개의 좋아요

다행히도 꽤 잘 작동하네요. 제안해 주셔서 감사합니다! 일반적으로 Markdown(구버전 작성기)에서 외부 이미지를 링크할 때, 해당 이미지가 Discourse에 자동으로 다운로드/미러링되지 않으면 이미지 크기 조절/캡션 컨트롤이 표시되지 않습니다. 저는 해당 옵션을 꺼 놓았기 때문에(용량 절제가 매우 필요합니다 :slight_smile: ), 어쨌든 컨트롤이 표시되지 않으므로, 이미지가 적절하게 스케일링되고 종횡비가 유지되는 한, 게시하신 이 솔루션은 훌륭하게 작동합니다.

사용자 관점에서 보면, 저는 이미지로 할 수 있는 일은 두 가지라고 생각합니다. 하나는 물론 이미지를 표시하는 것이고, 다른 하나는 접근성을 위해 대체 텍스트나 툴팁을 제공할 수 있는 것입니다(예: 시각 장애 사용자에게 페이지에 무작위 이미지가 있다는 것 이상의 정보를 제공하기 위해). 스케일링과 종횡비는 이미 꽤 잘 처리되고 있는 것 같으므로, 원시 Markdown 편집기로 전환하지 않고 외부 이미지를 삽입할 수 있는 버튼만 있다면 좋겠습니다. 새 작성기를 더 사용해 보고 작동 방식에 익숙해지면서 지금은 정말 좋다고 생각합니다. 하지만 불행히도 현재 제 특정 사용 사례에서는 어쨌든 새 작성기를 꺼야 합니다. 그래서 그냥 꺼 두고 있지만, 새 작성기가 신규 사용자에게도 가치가 있다는 점은 인정합니다. 새 작성기를 영구적으로 활성화할 수 있기를 기대하고 있습니다 :slight_smile:

이것도 정말 좋은 아이디어인 것 같습니다. 감사드립니다!

참고로, 이미지 크기가 마크다운에 명시된 경우에만 컨트롤이 표시됩니다. 예를 들어 다음과 같습니다:

<!-- 표시됨 -->
![caption|690x432](upload://8oFjMj2KPpS6hKmiXRIImrFw22L)
![caption|690x432,50%](upload://8oFjMj2KPpS6hKmiXRIImrFw22L)

<!-- 표시되지 않음 -->
![caption](upload://8oFjMj2KPpS6hKmiXRIImrFw22L)

(클라이언트가 이를 자동으로 처리해 준다면 좋겠습니다. 보통은 이미지 가져오기 시점에 처리됩니다.)

1개의 좋아요

아, 이제 이해했어요! 설명해 주셔서 감사합니다 :slight_smile: 저는 이런 것들의 내부 구조에 대해 아직 잘 모르는 편이에요! 그래도 좋은 정보가네요. 이걸 활용해서 클라우드 호스팅된 이미지에도 컨트롤을 추가해 볼 수 있을 것 같아요!

1개의 좋아요

그렇게 말씀하시니 재미있네요. 지금 리치 에디터가 정확히 그렇게 작동합니다(해당 PR이 병합되었습니다). 이미지에 크기가 지정되어 있지 않은 경우 자동으로 처리하는 거죠. :smiling_face:

문서를 자동으로 업데이트하지는 않습니다(일반적으로 이를 피하고 있지만요), 하지만 스케일 버튼을 사용하면 컨트롤이 표시되고 크기가 자동 계산됩니다.

2개의 좋아요

오늘 업데이트를 실행했는데, 이 업데이트가 이미 포함되어 있다는 사실에 놀랐습니다… 리치 텍스트 편집기 설정을 다시 켜서 사용해 보고 싶어서 업데이트로 게시하고 싶었습니다. 예상대로 정확히 작동하므로 정말 감사합니다! 현재까지 새로운 작성기에서 제가 겪었던 유일한 문제가 이제 해결된 셈입니다 :slight_smile: 제가 다른 '문제’로 인식했던 것들은 재현할 수 없어서 버그로 게시하지 않겠습니다… (당시) 새로운 작성기에 문제가 있는 것보다 네트워크/라우팅 관련 문제가 있었던 것으로 더 확신하게 되었습니다. 그건 제가 알아서 해결할 문제입니다 :slight_smile: 당분간 제 사이트에서 새로운 작성기를 계속 활성화해 두겠습니다. 리치 텍스트 편집기가 이미지에도 캡션을 시각적으로 추가한다는 점이 마음에 듭니다!

1개의 좋아요