표 편집기가 내장된 이미지를 깨뜨립니다

:information_source: 개요

현재 테이블에 이미지를 삽입할 경우, 대체 텍스트(alt text)의 |를 \로 이스케이프 처리해야 합니다(예: ![image\|100x100]). 그러나 테이블 편집기를 열면 \가 제거되어 이미지가 깨집니다.

:walking_woman: 재현 방법

  1. 게시물에서 테이블을 만들고 이미지를 삽입합니다. 이때 대체 텍스트의 |를 \로 이스케이프 처리합니다.

  2. 게시물을 저장합니다. 테이블에서 이미지가 정상적으로 렌더링되어야 합니다.

  3. 연필 아이콘을 클릭하여 테이블 편집기를 엽니다. 이 시점에서 이미지 대체 텍스트에서 /가 제거된 것을 확인할 수 있습니다.
    CleanShot 2024-07-03 at 13.10.22

  4. 저장을 클릭합니다.

:white_check_mark: 기대 결과

이미지는 예상대로 표시되어야 합니다. 테이블 편집기를 열 때 이미지 대체 텍스트에서 \가 제거되어서는 안 됩니다.

:x: 관찰된 결과

대체 텍스트에서 \가 제거되고 이미지가 깨집니다.

:books: 추가 정보

:movie_camera: 녹화:

6개의 좋아요

이 문제를 수정하기 위해 PR을 제출했습니다 :slightly_smiling_face:

2개의 좋아요

이것이 표를 편집할 때 깨진 이미지를 수정하는 것인가요, 아니면 파이프를 이스케이프해야 하나요?

과거에 이스케이프 해제(unescaping)로 인해 손상된 이미지는 자동으로 복구할 수 없습니다. 수동으로 수정해야 합니다.

테이블을 편집할 때 이스케이프 처리는 필요하지 않습니다.

이 세 이미지는 각각 테이블 편집기, 생성된 마크다운, 최종 렌더링 결과를 보여줍니다.



1개의 좋아요

저는 좀 더 미래를 지향하는 사람입니다 :joy: 제 사용자들은 모바일을 사용하는 평범한 일반인들이에요. 단순히 표를 만드는 법을 안내하는 것조차 끔찍한 일이었거든요. 죄송하지만 마크다운은 사용자 친화적이라고 하기엔 아직 멀었으니까요. 하지만 그 주제는 여기서 더 이야기하지 않겠습니다. 다만, 이것이 제가 표 안에 이미지를 사용하는 방법을 가르치지 않은 이유이기도 해요. 이스케이프(escape)라는 개념은 그들에게 완전히 낯설고 심지어 무서운 것일 수 있고, 이미 꽤 많은 것을 기억해야 하는데 또 다른 한 가지를 더 기억해야 한다고 말하면… 글쎄요, 그냥 이미지를 사용할 수 없다고 간단히 말하는 것이 더 나을 것 같아요.

하지만 제가 제대로 이해했다면, 수정 편집 문제는 해결되었지만 파이프 기호(|)를 이스케이프해야 하는 문제는 여전히 남아 있는 것 같습니다.

1개의 좋아요

이 주제는 3일 후 자동으로 닫혔습니다. 더 이상 답변을 작성할 수 없습니다.