• 북마크
타입문넷

질문게시판

[컴퓨터_인터넷] 타입문넷 게시글 루비문자, 각주 넣는 법

본문

 안녕하세요.


 타입문넷에 번역을 올리다보니 질문거리가 생겨서 이렇게 글을 쓰게 되었습니다.


 글에 간단하게 루비문자(후리가나)나 각주를 집어넣고 싶은데 아마 에디터 자체기능은 없는 것 같고, 제 생각이 맞다면 html을 써야할 것 같습니다.

 옛날에 팬픽작품을 읽을 때, 다른 분들께서 해당 기능을 사용하셨던 것을 봤던 것 같아서요.

 






루비예문1)


 
이렇게

자연스럽게읽는 방법 글자를 넣고 싶은데



 

 이게 이상하게 작성완료를 누르면 문장이 끊어지네요. 

<p>

이렇게 <ruby><rb>자연스럽게</rb><rt>읽는 방법</rt></ruby> 글자를 넣고 싶은데

</p>

으로 입력했습니다만, 작성완료 후에는 </p>의 위치가 바뀌더라구요.




각주예문 1)



 안녕하세요.[1]



 // <p>안녕하세요.<a id="back1" href="#footnote1" style="text-decoration : none; color : blue;"><sup>[1]</sup></a> 


 이렇게 [1]에 하이퍼링크 id를 넣어놓으면 원래 본문에서도 id링크로 이동하지 않나요..?

 타입문넷에서는 이게 안되는 것 같아서 각주 넣는 방법을 여쭤보려합니다.


 아 추가로 각주에 말풍선을 띄우고 싶은데 그건 css없이 html 자체 기능으로는 안 되는 건지도 궁금합니다. ㅠ

 아시는 분들 답변 주시면 감사하겠습니다.






1) 반갑다는 뜻

// <a id="footnote1" href="#back1" style="text-decoration : none; color : black;">1) 반갑다는 뜻</a>



 

  • 2.25Kbytes
3
로그인 후 추천 또는 비추천하실 수 있습니다.
추천한 회원 보기
profile_image
포인트 100
경험치 3,873
[레벨 9] - 진행률 31%
가입일 :
2013-08-29 18:50:41 (4134일째)
미입력

댓글목록 3

Rhyneid님의 댓글

profile_image
질문에 대해서 일단 모든 기능을 사용중인 제 경험을 통해 말씀드리자면…… 루비 태그의 경우는 html 에디터로 넣는게 맞습니다만, 동시에 "그 태그를 메모장 등을 통해서 정리한 다음에" 옮겨야 제대로 옮겨집니다. 특히 p 태그가 상성이 안 좋더군요. p 태그를 사용하신 경우라면, html 에디터에서 완료한 다음에 이걸 원래 에디터쪽으로 돌려서 확인하지 마시고, 태그를 일단 복사등으로 백업한 다음, "그대로" 등록하시는게 가장 안전합니다.  차라리 p 태그로 줄을 감싸는 대신 br 태그로 줄바꿈을 하는걸 추천드릴 정도라…… 정 안 되는 경우는 모든 태크를 html 태그로 정리한 뒤, "줄바꿈을 모조리 지우고"(html 태그 상태에서의 줄바꿈이 오류 확률이 높음) html 태그 상태로 바로 올려야 합니다. 저 같은 경우는 notepad++를 써서 일괄 편집으로 \r\n(줄바꿈)을 없애서 처리합니다.

그리고 각주 예문의 경우는 무리입니다. 타입문넷에서 그건 또 안 먹히더라고요. 그래서 저는 각주 대신 주석으로 처리합니다. 주석의 경우 굳이 html 태그만으로 하고 싶으시다면 "모바일에서는 안 됩니다만" title 속성을 사용하시면 됩니다. 이러면 마우스를 오래 올리고 있으면 title 속성 내부의 내용이 박스로 뜹니다.

그리고 말풍선을 직접 띄우고 싶으시다면, 이건 html만으로는 무리입니다. "원래는 가능한데", htmlpurifier가 적용되는 문넷 시스템상 그렇게 했다가는 제대로 꼬입니다.

하늘고슴도치님의 댓글의 댓글

profile_image
정말 친절하신 답변 너무너무 감사합니다.

간단하게 될 수 있을 줄 알았는데 생각보다 귀찮은 작업이었네요... 수고를 감수하고 그런 퀄리티로 올리시는 분들이  존경스럽습니다.



메모장에 번역해서 타입문넷에 복붙한 뒤 에디터 기능을 이용해 조금 다듬고 있었는데

이때 html로 넘어가면 한 줄 한줄이 다 <p>로 처리되어 있는 걸 보고 아무 생각 없이 p로 감싸기만 했네요..

말씀을 듣고 찾아보니 아마 <ruby>태그도 <p>처럼 블록요소인가.. 그 자체로 문장 취급을 하나보네요ㅠ

다른 태그로 감싸보고 안되겠다 싶으면 포기해야겠습니다.





그리고 타이틀을 이용하는 방법은 생각도 못하고 있었습니다. 존경스럽습니다.

앵커 떼버리고 span으로 타이틀을 넣을까 생각중입니다.





정말 큰 도움이 되었습니다 감사합니다 ㅠㅠ!!!

일루미네이트님의 댓글의 댓글

profile_image
저도 이 현상 때문에 질문 글을 쓰려고 했었는데 답변으로 잘 알려주셔서 감사합니다.

이런 IT방면 으로는 너무 생소해서 겨우 ryby태그 하나만 사용중이었는데 여전히 모르는게 너무 많네요 이모티콘
전체 26,252 건 - 1 페이지
제목
레벨 철사맨 119 0 2024.12.17
레벨 데이워치 97 0 2024.12.16
레벨 데이워치 58 0 2024.12.14
레벨 김말미잘 176 0 2024.12.10
레벨 띵콩땅콩 203 0 2024.12.09
레벨 와본사람 235 0 2024.12.08
레벨 크킹조아 86 0 2024.12.08
레벨 미라쥬 104 0 2024.12.06
레벨 narohwo 180 0 2024.11.28
레벨 사심안 178 0 2024.11.26
레벨 넘버37 168 1 2024.11.26
레벨 assassin 115 0 2024.11.24
레벨 떠돌이개 159 0 2024.11.16
레벨 김기선 230 0 2024.11.16
레벨 시즈카니 282 1 2024.11.16