자바스크립트 HTML 특수문자표 소스 / Javascript Source HTML Codes Characters and symbols

자바스크립트 소스 특수문자 십진수 핵사코드 다운로드 Javascript ASCII Dec Hex HTML Codes Characters symbols Source  Download
 
이번에 소개할 자바스크립트 소스는 HTML 문서에서 사용되는 특수문자표를 생성해주는 자바스크립트 소스입니다. 십진수, 핵사(16진수), HTML 코드 순서로 나열하여 찾아보기 쉽게 구성을 해 보았습니다.

일부 블로그에 가보시면 HTML 특수문자표를 볼 수 있는데 대부분 자바스크립트를 사용하 것 같은데 자바스크립트 소스를 공개하지 않았더군요.

복사도 안되고 매번 필요할 때마다 검색해서 찾아야하는 수고를 덜기 위해서 짧은 지식이지만 간단하게 블로그에서 사용할 수 있도록 자바스크립트로 작성해 보았습니다.

자바스크립트에서 표시하는 테이블 내용은  ASCII Dec(10진수), ASCII Hex(16진수), HTML Code, HTML Symbol로 구성되어 있어서 좀 더 활용성이 있을 듯합니다.

블로그를 하시는 분이라면 아래 자바스크립트 소스를 다운 받아서 적용하시면 매번 필요할 때마다 검색할 필요가 없을 듯 합니다.

1. 자바스크립트 특수문자 지원 사항 설명

   1) 표준, 비표준 구분

        * 감청색으로 표시되는 기호는 비표준 이어서 일부 브라우저에서만 지원됩니다.(1~31번 문자)
        * 붉은색으로 표시되는 기호는 표준으로 모든 브라우저에서 지원합니다.

   2) DEC, HEX 표시

       * 10진수 -> 16진수 -> HTML Coce 순서로 표시되며 필요에 따라 16진수를 32진수로 변환 가능합니다.

2. 자바스크립트 소스 코드 설명(설정부)

1) 변수 설정 (자신의 블로그에 맞게 설정)

var cnt_num = 255;  //표시할 문자 갯수
var row_num = 128;  //테이블의 행 갯수
var col_num = Math.ceil(cnt_num/row_num);  //테이블 열 갯수

2) Hex 변환방법

// j : 10진수(일반), 16 : 16진수
Number(j).toString(16).toUpperCase();
//32진수를 표시할 경우
Number(j).toString(32).toUpperCase();

3. 블로그 적용법

1) 아래에 첨부된 HTML_Codes_Table_ascii_characters_symbols.txt"를 다운 받습니다.

HTML_Codes_Table_ascii_characters_symbols.txt

2) 글쓰기에서 HTML을 체크합니다.
    (일반 글쓰기 모드에서 붙여넣으시면 HTML코드로 변환되어 자바스크립트가 동작하지 않습니다.)

3) 메모장 등의 텍스트 에디터로 열어서 <script languange="javascript"> ~ </script> 까지 복사해서
   표시하고자 하는 위치에 붙여넣습니다. ( 첨부 문서의 처음부터 끝까지입니다.)

4) 저장을 하고 확인합니다.

[참고] 다운 받아서 바로 확인 하고자 할 경우는 확장자 ".txt"를 ".htm"으로 변경해서 브라우저로 열어 보시면 확인이 가능합니다.

HTML_Codes_Table_ascii_characters_symbols.txt

Tistory의 경우는 스크립트 수정없이 바로 적용만 하면 됩니다. 혹, 다른 서버의 블로거님들께서는 자신의 블로그에 맞게 수정 추가하시면 될 듯합니다. 유용하게 사용하세요.

자바스크립트 특수문자 소스 / Javascript Source HTML Codes Characters and symbols

http://all4cs.tistory.com - 두그미의 사는 이야기