자신만의 ASP 웹사이트 시스템을 위한 마크업 언어 구축

저자：Eve Cole 업데이트 시간：2009-06-25 17:32:25

역동적인 웹사이트이기 때문에 구축 과정에서 기사의 온라인 편집 문제에 직면하는 것은 불가피합니다. HTML은 textarea 태그를 제공하지만 textarea가 일반 텍스트이기 때문에 실제로 이 문제를 해결하지는 않습니다. 입력 시 HTML 태그를 사용하지 않으면 출력 시 처음부터 끝까지 구조가 없는 텍스트 플레이트를 얻게 됩니다. WEB 디자인에서는 DHTML을 통해 WYSIWYG 온라인 편집기를 구축하면 이 문제가 매우 잘 해결됩니다.

그러나 당신이 보는 것이 유일한 해결책은 아닙니다. 저자는 인터넷 서핑을 하던 중 일부 포털사이트의 온라인 편집자들이 매우 독특하다는 사실을 발견했다. WYSIWYG는 아니지만(미리보기 기능 제공) 텍스트 영역 텍스트 필드이지만 HTML 마크업 언어를 지원하지 않습니다. 대신 자체 마크업 언어 세트가 있습니다.

그림 1

그림 2

저자는 사용하기가 매우 부드럽다고 생각하며 그 장점을 다음과 같이 요약합니다.

첫째, 태그가 많지 않고, HTML에 비해 매우 단순하며, Enter 키를 누르면 자동으로 단락을 생성할 수 있어 일반 사용자도 쉽게 받아들일 수 있다. 저자는 중국산 태그를 사용하면 더 많은 국내 사용자들이 받아들일 수 있다고 믿는다.

둘째, WYSIWYG 편집기에 비해 사용자는 기사 구조를 더 잘 제어할 수 있고 왜곡된 코드를 덜 생성할 수 있습니다.

셋째, HTML보다 가시성이 훨씬 좋고, 미리보기 기능이 있어서 더욱 좋습니다.

넷째, 자체 마크업 언어가 스크립팅을 지원하지 않기 때문에 더욱 안전합니다.

저자가 몇 가지 생각과 연습을 한 후 이제 이 고유한 마크업 언어를 구축하는 방법을 공개합니다.

먼저, 우리 웹사이트에 간단하고 필요한 마크업 언어 세트를 결정합니다. 결정할 때 불필요한 항목을 생략하십시오. 내 경우, 내 웹사이트에 대해 결정한 마크업 언어는 다음과 같습니다.

[image]이미지 URL[/image]
[제목]텍스트 내용[/제목]
[자막]텍스트 내용[/자막] (사용자 세분화를 고려하여 추가)
[bold]텍스트 내용[/bold]
[기울임꼴]텍스트 내용[/기울임꼴]
[링크]웹사이트[/링크]

그런 다음 브라우저가 태그를 이해할 수 있도록 특정 메커니즘을 제공합니다. 그러면 우리가 결정한 태그를 브라우저가 이해할 수 있도록 하려면 콘텐츠가 표시되는 페이지에서 모든 태그를 표준으로 변환하는 프로그램을 작성해야 합니다. HTML 태그이지만 사용자가 입력한 HTML 코드는 먼저 필터링되어야 합니다.

1단계: HTML 코드를 필터링합니다.

이는 실제로 매우 간단합니다. 모든 "<" 태그를 "<"로 바꾸고 모든 ">"를 ">"로 바꾸면 됩니다. 이는 ASP에서 다음 명령문을 통해 달성됩니다.

콘텐츠=교체(콘텐츠,"<","<")

콘텐츠=교체(콘텐츠,">",">")

(위 코드에서 content 는 우리가 표시하고 싶은 내용을 저장하는 변수입니다. 아래에 나온다면 같은 의미입니다.)

2단계: 마크업을 HTML로 변환

이는 단순히 모든 [태그를 <로, 태그를 >로 교체한 다음 중국어(그림 등)를 영어(IMG 등)로 번역하는 문제가 아니기 때문에 상대적으로 복잡합니다. 두 가지 이유가 있습니다:

1은 다양한 분류에 따라 다르게 처리되어야 하는 마크업의 콘텐츠입니다.

첫 번째 유형은 다음과 같이 사용자에게 직접 표시됩니다.

[제목]텍스트[/제목]

이때 태그를 해당 영어로 번역하기만 하면 됩니다. 예를 들어 위 태그는 <h1>텍스트</h1>로 번역됩니다.

두 번째 카테고리는 다음과 같이 사용자에게 직접 표시되지 않습니다.

[사진]사진 URL[/사진]

이때 태그 중간에 있는 내용인 "이미지 URL"은 우리가 표시하려는 URL일 뿐입니다. HTML에서는 <IMG> 태그의 SRC 속성이므로 이 태그에는 종료 태그가 필요하지 않습니다. HTML이므로 직접 번역한 결과는 그렇습니다. 틀렸습니다.

세 번째 범주는 다음과 같은 속성으로 직접 제시되고 동시에 사용됩니다.

[링크]웹사이트[/링크]

2. 아이템 태그가 있는 모든 곳을 번역할 필요는 없습니다. ">"는 확실히 사용자의 희망사항과 일치하지 않습니다.

저자는 발생하는 문제를 분석한 후 프로그램 작성 아이디어에 대한 참고 자료와 아래에 참고 프로그램을 제공할 것입니다.

태그마다 번역 방법이 다르기 때문에 태그마다 하나씩 번역해야 합니다.

단일 태그의 경우 기사에 여러 번 나타날 수도 있고 한 번도 나타나지 않을 수도 있습니다. 프로그램은 먼저 특정 태그의 시작 태그를 처음부터 끝까지 확인해야 합니다(예: "그림]그림 주소[/그림). ]"는 " [그림]"), 일단 체크되면 그 위치부터 끝마크를 확인하기 시작합니다. 또한 체크되어 있으면 이것이 우리가 원하는 마크라는 뜻이고, 끝마크를 체크하지 않으면 끝마크를 확인하기 시작합니다. 이는 우리가 원하는 마크업이 아니라 사용자 자신이 표시하는 콘텐츠만을 의미합니다. 확인 후 태그는 HTML 태그로 변환되며 태그의 내용은 유형에 따라 다르게 처리됩니다. 완료 후에는 종료 태그 위치부터 기사 끝까지 확인이 계속됩니다.

실제 글에서는 재귀라는 개념을 활용해야 합니다. 다음은 [그림]그림 주소[/그림] 태그를 번역하는 샘플 프로그램입니다.

함수 TranslateImg(Str)
Start=instr(str, "[picture]") ' 마크의 시작 위치를 확인합니다. start=0이면 함수를 종료합니다. '시작 위치는 0입니다. 이는 해당 마크가 없음을 의미하며 프로그램이 종료됩니다. End=instr( start, str,"[/ Picture]" '시작 위치 뒤에 나타나는 끝 표시의 위치를 확인합니다. end=0이면 종료 기능 '끝 표시의 위치는 0이므로 끝 표시가 없음을 의미하고 프로그램이 종료됩니다. MidStr=mid(str, start+4, end- start-4) '가운데 내용을 표시합니다. RefreshStr=mid(str, start, end-start+5) '가운데 내용을 표시로 표시합니다. 대체할 콘텐츠로 Str=replace(instr, 바꾸기Str,"<img src= ”&MidStr&”>”) '마크업을 HTML로 번역
TranslateImg Str '이 함수를 재귀적으로 실행합니다.
기능 종료

위의 분석을 통해 독자는 자신의 분석을 통해 자신의 웹사이트에 대한 "MyHTML" 마크업 언어 세트를 구축할 수 있다고 믿습니다.

실제 개발에서는 마크 중첩 처리, 사용자를 데이터베이스에 제출하기 전에 번역할지 또는 사용자가 기사를 탐색하고 제공하기 위해 호출할 때와 같이 극복해야 할 몇 가지 문제가 있습니다. 일부 자동 사용자 이 표시가 있는 버튼은 사용자의 조작 경험을 용이하게 하기 위해 삽입된 것입니다.