Code Postable Icon

웹에 뛰어든 코드는 프로그램의 소스 코드를 웹 상에 그대로 올릴 수 있도록 코드에 포함되어 있는 HTML 특수 문자 기호(HTML characters entities)를 변환해 주는 widget입니다.

블로그나 웹 상에 코드를 올릴 때마다, "<"나 ">"와 같은 HTML 특수 문자들을 일일이 "&gt;", "&lt;"로 고쳐주기란 참 번거롭습니다만, 웹에 뛰어든 코드를 사용하시면 코드를 입력하고 "바꾸기" 단추만 눌러주면 위와 같은 작업을 자동으로 처리해서 바로 웹 페이지에 붙일 수 있는 코드를 돌려줍니다.

웹에 뛰어든 코드 widget의 그림

뒤쪽 설정판에서 "코드에 적용된 줄 들임 모양새 보존하기" 선택 네모 단추를 누르면 코드 앞뒤를 <pre><code></code></pre>로 감싸줄 수도 있습니다.

웹에 뛰어든 코드에서 변환 가능한 HTML 특수 문자들:

& ¡ ¢ £ ¤ ¥ ¦ § ¨ © ª « ¬ ® ¯ ° ± ² ³ ´ µ ¶ · ¸ ¹ º » ¼ ½ ¾ ¿ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ÷ ø ù ú û ü ý þ ÿ ƒ Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ ς σ τ υ φ χ ψ ω ϑ ϒ ϖ • … ′ ″ ‾ ⁄ ℘ ℑ ℜ ™ ℵ ← ↑ → ↓ ↔ ↵ ⇐ ⇒ ⇔ ∀ ∂ ∃ ∅ ∇ ∈ ∉ ∋ ∏ ∑ − ∗ √ ∝ ∞ ∠ ∧ ∨ ∩ ∪ ∫ ∴ ∼ ≅ ≈ ≠ ≡ ≤ ≥ ⊂ ⊃ ⊄ ⊆ ⊇ ⊕ ⊗ ⊥ ⋅ ⌈ ⌉ ⌊ ⌋ ◊ ♠ ♣ ♥ ♦ " < > Œ œ Š š Ÿ ˆ ˜ – — ‘ ’ ‚ “ ” „ † ‡ ‰ ‹ › €

 웹에 뛰어든 코드 v1.3.1 내려받기(184 KB)

Code_Postable.wdgt.zip

웹에 뛰어든 코드 widget을 사용하면서, 혹시 불편한 점이나 건의사항이 있으시면 이곳에 의견을 남겨주시기 바랍니다.


웹에 뛰어든 코드를 손본 기록

- 버전 1.3.1 8/20/2011

  • 최신 Safari 버전(5.x)으로 갱신 후 제대로 작동하지 않았던 문제를 고침.
  • 코드 정리.

- 버전 1.3 6/05/2007

  • 코드 입력 칸이 비게 될 경우 자동적으로 UI와 관련된 아이콘(코드 베껴두기 아이콘, 상태 표시 등)을 초기화 함.
  • 실수로 빠뜨렸던 몇몇 HTML 특수 문자 기호들을 추가함.

- 버전 1.2 5/4/2007

  • HTML 특수 문자 기호를 Character Entity References 대신에 Numeric Character References(Unicode code point)를 참고해서 변환해주는 기능을 추가함. (문서가 XHTML MIME type으로 전송되었을 경우 HTML 특수 문자 기호가 깨지지 않고 제대로 표시되도록 하기 위함.)
  • ASCII 코드에서 벗어나 있는 HTML 특수 문자 기호가 변환되지 않았던 문제를 고침.

- 버전 1.1.1 4/10/2007

  • 특수 문자 기호들 중 &(앰퍼샌드)가 두 번이나 중복되게 변환되어 버리는 오류를 고침.

- 버전 1.1 3/31/2007

  • HTML 4에 정의되어 있는 모든 특수 문자 기호를 지원(&nbsp; &ensp; &emsp; &thinsp; &shy; &uArr; &dArr; &lang; &rang; &zwnj; &zwj; &lrm; &rlm; 제외).

- 버전 1.0 3/2/2007

  • 첫 공개 배포.