javascript/jquery를 사용하여 위/아래 태그 사용하기

"추적 가스 CH4, N2O 및 CO2의 측정 및 생산 및 배출을 관리하는 프로세스"와 같은 텍스트가있는 MySQL 데이터베이스의 텍스트가 표시됩니다. 텍스트는 텍스트 영역을 통해 저장됩니다. 텍스트가 HTML Doc에 표시 될 때 javascript/jquery를 사용하여 CH4, N20 및 CO2에 위 첨자/아래 첨자를 적용하고 싶습니까? 이것이 가능하면 알려주시겠습니까?javascript/jquery를 사용하여 위/아래 태그 사용하기

출처

2012-12-03 webdevexp

유니 코드의 아래 첨자 번호 문자는 CH4, N2O, CO₂입니다. (: CH4 등) 및 첨자 번호 문자 (CH₄)를 사용하여 포맷

당신은 화학식과 일치하는 정규 표현식을 작성할 수 있습니다.

스토어 어떤 포맷하지 않고 데이터베이스의 <textarea>의 텍스트 :

당신은 두 가지 옵션이 있습니다. 그런 다음 HTML 페이지를 렌더링 할 때 서버 측 (예 : PHP) 또는 클라이언트 측 (예 : JavaScript)의 하위 번호를 추가하십시오.
텍스트를 데이터베이스에 쓰기 전에 형식을 다시 지정하십시오.

일단 첨자 번호가 추가되면 문자가 손상되지 않도록 해당 점의 UTF-8 문자 세트를 사용하고 있는지 확인해야합니다.

출처

2012-12-03 12:33:02 TachyonVortex

이 방법을 사용하면 작동시 인쇄 상 최적의 결과를 얻을 수 있지만 글꼴 문제로 인해 작동하지 않을 수 있습니다. 당신은 아래 첨자 숫자를 포함하는 글꼴을 사용해야하며, 이것은 선택을 상당히 제한 할 수 있습니다 : http://www.fileformat.info/info/unicode/char/2084/fontsupport.htm –

가장 간단한 방법은 자릿수가 sub 마크 업 (예 : %)에 들어가도록 데이터를 처리하는 것입니다. CH4는 CH<sub>4</sub>이됩니다. 그러나 이것은 (고르지 줄 간격 포함) 인쇄로 빈약 한 결과를, 그래서 아마도 글꼴에 따라 물론, CH<span class=sub>4</span>를 생성하고 CSS 규칙

.sub { 
    vertical-align: 0; 
    position: relative; 
    top: 0.8ex; 
    font-size: 80%; 
}

조정할 수 있습니다 사용 된 값을 사용하는 것이 좋습니다 것입니다.

다른 옵션으로는 @ TachyonVortex의 답변에서 제안한 것처럼 아래 첨자 문자를 사용하고 font-feature-settings (제한된 브라우저 지원, 제한된 글꼴 지원)을 사용하여 아래 첨자에 OpenType 기능을 사용하는 등의 옵션이 있습니다.

출처

2012-12-03 14:21:53

나는 텍스트가 데이터베이스. CSS 클래스를 하드 코딩하지 못할 수도 있습니다. 그것은 동적으로 이루어져야합니다. CH4와 같은 텍스트를 검색 한 다음 4를 아래 첨자로 사용해야합니다. – webdevexp

물론 데이터가 일반 텍스트 인 경우 첨자로 사용해야하는 자릿수를 인식해야합니다. 그 (것)들의 주위에 적합한 표를 생성하십시오. 이는 아래 첨자에 대한 표식 또는 표기법을 선택하는 문제와는 관계가 없으며 특정 데이터 (예 : 문자 바로 뒤의 임의의 숫자 시퀀스 또는 닫는 괄호를 위 첨자로 작성해야합니까?)에 따라 다릅니다. –

javascript/jquery를 사용하여 위/아래 태그 사용하기

답변

관련 문제