1

주제: [T.C. 1.5.3.1] 이미지와 자막의 역학 관계

통상 텍스트큐브에서 블러깅을 할 때 글을 쓰고 이미지를 올리는 작업이 대다수이죠.
그런데 이미지에 설명(자막)을 달려고 하면 문제가 발생합니다. 설명이 길어지면 길어진 글 만큼 이미지의 공간으로 처리되어 글과 이미지 사이의 여백이 늘어나 버리는 것이죠.

재현하면 이렇습니다.
1. 글을 쓴다.
2. 이미지를 적당한 위치에 삽입한다.
3. 이미지를 클릭한 후 이미지의 폭을 조정하고 대체 텍스트를 넣고 자막을 넣을 수 있는 창이 나타난다.
4. 자막의 글을 좀 길게 입력한다.
5. 저장하고 나온다.
6. 확인한다. 만일 자막의 글이 이미지의 폭보다 길게 입력이 되었다면 그 길이가 이미지의 폭으로 인식되어 여백의 허수가 생긴다.
즉 자막이 그림의 폭에 다다르면 아래로 떨어져 행을 바꾸는 것이 아니라 아니라 옆으로 밀려나가 버리는 것이죠.

근본적으로는 버그라고 할 수는 없는 듯 합니다.
짧게 넣으면 괜찮으니. 하지만 길게 넣어야 할 때도 있을 수 있으니 참 불편합니다. 원하는 레이아웃이 안되니까...
게가다 Ctrl + 마우스로 글을 키우기라도 하면 이미지 폭보다 작던 글도 이미지보다 길어져 버릴 때가 있죠. 그러면 글을 길게 쓴 효과를 볼 수 있습니다.

그래서 자막 글이 길어지면 이미지의 폭 넓이로 한정되어 아래로 떨어져야 합니다. 그래서 그림과 함께 레이아웃이 좀 맞아야 합니다.
기능 제안으로 말씀드립니다.

감사합니다.

2

답글: [T.C. 1.5.3.1] 이미지와 자막의 역학 관계

흠... 자막을 여러 줄로 쓸 수 있게 하면 해결될까요?
적당한 선에서 엔터쳐서 내릴 수 있게 하면 괜찮을 것 같기도...

문제의 답은 우리 안에 있다.
내면에 귀를 기울여 보자.

3

답글: [T.C. 1.5.3.1] 이미지와 자막의 역학 관계

자막 입력 시 횡을 바꿀 수 있게 해 주는 것은 참 좋은 아이디어인 것 같습니다.
그렇게만 된다면 아쉬운 데로 처리가 가능할 것입니다.

하지만 보다 근본적으로는 이미지와 자막을 div와 같은 컨테이너(일종의 포장 테그)로 감싸는 방법으로 가야 하지 않나 생각해 봅니다. 
엔터를 쳐서 내리는 것은 (아마도 br 태그 삽입과 같은) 후에 데이터를 처리할 때 또 다른 문제(스킨 CSS에 설정이 있을 경우)가 발생할 여지가 있을 수 있으니까요.
또 구독자가 원스킨의 디폴트로 정해진 글자보다 글자를 키우게 되면 줄을 내려 처리한 것은 같은 문제를 발생시킬 수 있습니다.
그래서 횡을 바꿀 수 있을 뿐 아니라 이미지, 자막을 함께 감싸는 일종의 포장 테그가 이들을 처리하면 문제가 근본적으로 해결되지 않을까요?
앞으로도 이미지와 자막의 처리가 레이아웃을 만드는 중요한 부분이 될 것이라 예측된다면 확실히 처리하고 가는 것이 좋을 듯 합니다.

[오름, xdg] (2007-11-12 02:03:40)에 의해 마지막으로 수정

4

답글: [T.C. 1.5.3.1] 이미지와 자막의 역학 관계

'[오름, xdg 작성:

']자막 입력 시 횡을 바꿀 수 있게 해 주는 것은 참 좋은 아이디어인 것 같습니다.
그렇게만 된다면 아쉬운 데로 처리가 가능할 것입니다.

하지만 보다 근본적으로는 이미지와 자막을 div와 같은 컨테이너(일종의 포장 테그)로 감싸는 방법으로 가야 하지 않나 생각해 봅니다. 
엔터를 쳐서 내리는 것은 (아마도 br 태그 삽입과 같은) 후에 데이터를 처리할 때 또 다른 문제(스킨 CSS에 설정이 있을 경우)가 발생할 여지가 있을 수 있으니까요.
또 구독자가 원스킨의 디폴트로 정해진 글자보다 글자를 키우게 되면 줄을 내려 처리한 것은 같은 문제를 발생시킬 수 있습니다.
그래서 횡을 바꿀 수 있을 뿐 아니라 이미지, 자막을 함께 감싸는 일종의 포장 테그가 이들을 처리하면 문제가 근본적으로 해결되지 않을까요?
앞으로도 이미지와 자막의 처리가 레이아웃을 만드는 중요한 부분이 될 것이라 예측된다면 확실히 처리하고 가는 것이 좋을 듯 합니다.

여기서 또 해묵은 문제가 하나 나오지요...
<p> 태그를 사용하도록 설정했을 떄 p 안에 <div>가 들어갈 수는 없습니다. 지금처럼 <br>로 처리하는 것이 편법인 이상 언젠가는 바꿔야 할텐데... 아이고 누가 하나...

FM_Modern의 editor.js의 1600번째 줄부터 시작하면 된다는 이야기를 살짝...

"Everything looks different on the other side."

-Ian Malcomm, from Michael Crichton's 'The Jurassic Park'

5

답글: [T.C. 1.5.3.1] 이미지와 자막의 역학 관계

'[오름, xdg 작성:

']자막 입력 시 횡을 바꿀 수 있게 해 주는 것은……

회.. 횡?!! 할 수는 있는겁니까?

정원사
Even after dark the nights, morning always comes.