여기서 작은 불편함이 하나 있습니다. 게시글 미리보기에 표시되는 내용과 실제 게시된 게시글에 표시되는 내용 사이에 작은 차이가 있으며, 이는 이미지가 업로드된 것인지 핫링크된 것인지에 따라 달라집니다.
핫링크 이미지, 이 텍스트 뒤에 빈 줄 없음:
뒤따르는 텍스트, 앞에 빈 줄 없음.
이제 업로드된 이미지, 이 텍스트 뒤에 빈 줄 없음:
뒤따르는 텍스트, 앞에 빈 줄 없음.
뒤따르는 텍스트, 앞에 빈 줄 없음.
뒤따르는 텍스트, 앞에 빈 줄 없음.
1개의 좋아요
핫링크된 이미지는 다음 CSS를 가지고 있습니다:
.d-editor-preview img {
padding-bottom: 1.4em;
}
반면 업로드된 이미지는 다음 CSS를 사용합니다:
.d-editor-preview .image-wrapper img {
padding-bottom: 0;
}
원격 이미지가 Discourse로 다운로드된 경우에도 같은 문제가 발생합니다. 이 경우 차원이 설정되지 않아 미리보기에 image-wrapper가 생성되지 않기 때문입니다:
다운로드된 원격 이미지:
업로드된 이미지:
2개의 좋아요
흥미롭네요, 감사합니다.
또한 핫링크된 이미지가 다운로드되는 경우, 초기 게시된 게시물에서는 이미지와 그 위의 텍스트 사이에 패딩이 없다가, 몇 분 후 큐에서 원격 이미지 다운로드 프로세스가 트리거되면 패딩이 증가하는 것을 확인했습니다. 이는 게시물 히스토리에서 패딩 간격의 시각적 변화가 있는 수정으로 볼 수 있습니다.
2개의 좋아요
게시물을 다시 빌드하면서 이미지 뷰어를 포함한 모든 HTML을 추가하기 때문에 다른 마진이나 패딩이 생성된다고 생각합니다.
1개의 좋아요
아, 알겠습니다. 감사합니다. 그런 불일치 사항들 중 일부가 정리되면 좋겠네요. 의외로 사용자들은 이런 문제를 알아채고 당혹감을 느끼곤 합니다. 특히 다른 포럼 엔진의 WYSIWYG 편집기에 익숙한 경우라면 더욱 그렇죠. 원격 이미지가 다운로드된 후 게시물이 자동으로 다시 렌더링되는 현상은 더욱 기이해 보이지만, 그 뒤에 기술적인 이유가 있다는 점은 충분히 이해합니다.
1개의 좋아요
네, 몇 가지 불일치가 있습니다.
비슷한 예로는 다음과 같습니다:
1개의 좋아요
@Johani님의 변경 사항이 병합되면 이 특이한 동작 중 일부가 해결될 것으로 생각합니다.
2개의 좋아요