Erstellen Sie eine Auszeichnungssprache für Ihr eigenes ASP-Website-System

Autor：Eve Cole Aktualisierungszeit：2009-06-25 17:32:25

Als dynamische Website ist es unvermeidlich, dass während des Erstellungsprozesses das Problem der Online-Bearbeitung von Artikeln auftritt. HTML bietet ein Textarea-Tag, das dieses Problem jedoch nicht wirklich löst, da es sich bei dem Textarea-Tag um einfachen Text handelt. Sofern Sie bei der Eingabe keine HTML-Tags verwenden, erhalten Sie bei der Ausgabe eine Texttafel ohne Struktur vom Anfang bis zum Ende. Beim WEB-Design löst die Erstellung eines WYSIWYG-Online-Editors über DHTML dieses Problem sehr gut.

Aber was Sie sehen, ist nicht die einzige Lösung. Beim Surfen im Internet stellte der Autor fest, dass die Online-Editoren einiger Portal-Websites sehr einzigartig sind. Es ist kein WYSIWYG (bietet aber eine Vorschaufunktion), sondern ein Textfeld, unterstützt jedoch keine HTML-Auszeichnungssprache. Stattdessen verfügt es über eine eigene Auszeichnungssprache.

Abbildung 1

Abbildung 2

Der Autor ist der Meinung, dass es sehr einfach zu bedienen ist und fasst seine Vorteile wie folgt zusammen:

Erstens hat es nicht viele Tags, ist im Vergleich zu HTML sehr einfach und kann durch Drücken der Eingabetaste automatisch Absätze generieren, was von normalen Benutzern problemlos akzeptiert wird. Der Autor glaubt, dass die Verwendung chinesischer Tags von mehr inländischen Benutzern akzeptiert werden kann.

Zweitens können Benutzer im Vergleich zu WYSIWYG-Editoren die Struktur ihrer Artikel besser kontrollieren und weniger verstümmelten Code generieren.

Drittens ist die Sichtbarkeit viel besser als bei HTML und mit der Vorschaufunktion sogar noch besser.

Viertens ist es sicherer, da die eigene Auszeichnungssprache kein Scripting unterstützt.

Nach einigem Nachdenken und Üben des Autors enthülle ich nun die Methode zum Aufbau dieser eigenen Auszeichnungssprache:

Zunächst legen wir eine einfache und notwendige Markup-Sprache für unsere Website fest. Lassen Sie bei der Bestimmung einige unnötige Elemente weg. In meinem Fall habe ich mich für folgende Auszeichnungssprache für meine Website entschieden:

[image]URL des Bildes[/image]
[Titel]Textinhalt[/Titel]
[Untertitel]Textinhalt[/Untertitel] (hinzugefügt, da Benutzer möglicherweise segmentiert werden)
[bold]Textinhalt[/bold]
[kursiv]Textinhalt[/kursiv]
[link]Website[/link]

Stellen Sie dann einen bestimmten Mechanismus bereit, der es dem Browser ermöglicht, unsere Tags zu verstehen. Auf der Seite, auf der der Inhalt angezeigt wird, müssen wir ein Programm schreiben, das alle unsere Tags in Standards übersetzt HTML-Tags, aber der vom Benutzer eingegebene HTML-Code muss vorher herausgefiltert werden.

Schritt eins: HTML-Code filtern.

Das ist eigentlich ganz einfach, ersetzen Sie einfach alle „<“-Tags durch „<“ und alle „>“ durch „>“. Dies wird in ASP durch die folgende Anweisung erreicht:

Content=replace(content,"<","<")

Content=replace(content,">",">")

(Im obigen Code ist „Inhalt“ eine Variable, die den Inhalt speichert, den wir anzeigen möchten. Wenn er unten erscheint, hat er dieselbe Bedeutung.)

Schritt 2: Übersetzen Sie unser Markup in HTML

Das ist relativ kompliziert, denn es geht nicht nur darum, alle [Tags durch < und] durch > zu ersetzen und dann das Chinesische (z. B. Bilder) ins Englische (z. B. IMG) zu übersetzen. Es gibt zwei Gründe:

1 ist der Inhalt in unserem Markup, der je nach Klassifizierung unterschiedlich verarbeitet werden muss:

Der erste Typ wird dem Benutzer direkt angezeigt, z. B.:

[Titel]Text[/Titel]

Zu diesem Zeitpunkt müssen Sie nur das Tag in das entsprechende Englisch übersetzen. Das obige Tag wird beispielsweise in <h1>Text</h1> übersetzt.

Die zweite Kategorie wird dem Benutzer nicht direkt angezeigt, wie zum Beispiel:

[Bild]Bild-URL[/Bild]

Zu diesem Zeitpunkt ist der Inhalt „Bild-URL“ in der Mitte des Tags nur die URL, die wir anzeigen möchten. In HTML ist es das SRC-Attribut des <IMG>-Tags, und dieses Tag benötigt kein End-Tag HTML. Das Ergebnis der direkten Übersetzung ist also falsch.

Die dritte Kategorie wird direkt dargestellt und gleichzeitig als Attribut verwendet, wie zum Beispiel:

[link]Website[/link]

2. Nicht alle Orte mit Artikel-Tags müssen übersetzt werden. Beispielsweise müssen Benutzer manchmal die Symbole „[“ und „]“ verwenden, um ihren Inhalt auszudrücken „>“ entsprechen definitiv nicht den Wünschen des Nutzers.

Nach der Analyse der auftretenden Probleme stellt der Autor im Folgenden eine Referenz für Ideen zum Schreiben von Programmen und ein Referenzprogramm bereit.

Da unterschiedliche Tags unterschiedliche Übersetzungsmethoden erfordern, müssen unterschiedliche Tags einzeln übersetzt werden.

Für jedes einzelne Tag kann es mehrmals in einem Artikel erscheinen oder nicht einmal. Das Programm sollte zuerst das Start-Tag eines bestimmten Tags vom Anfang bis zum Ende prüfen (z. B. wenn „Bild]Bildadresse[/Bild ]“ ist „ [Bild]“). Sobald es aktiviert ist, beginnen Sie mit der Überprüfung der Endmarkierung an dieser Position. Wenn es ebenfalls aktiviert ist, bedeutet dies, dass dies die gewünschte Markierung ist; wenn die Endmarkierung nicht aktiviert ist, dann Das bedeutet, dass es sich nicht um das Markup handelt, das wir wollen, sondern nur um den vom Benutzer selbst angezeigten Inhalt. Nach der Prüfung werden die Tags in HTML-Tags übersetzt und der Inhalt der Tags je nach Typ unterschiedlich verarbeitet. Nach Abschluss wird die Prüfung ab der Position des End-Tags bis zum Ende des Artikels fortgesetzt.

Beim tatsächlichen Schreiben muss die Idee der Rekursion verwendet werden. Das Folgende ist ein Beispielprogramm zum Übersetzen des Tags [Bild]Bildadresse[/Bild].

Funktion TranslateImg(Str)
Start=instr(str, "[picture]") 'Überprüfen Sie die Startposition der Markierung. Wenn start=0, dann beenden Sie die Funktion. 'Die Startposition ist 0, was bedeutet, dass es keine solche Markierung gibt. Dann endet das Programm. End=instr( start, str,"[/ Picture]" 'Überprüfen Sie die Position der Endmarkierung, die nach der Startposition erscheint. Wenn end=0, dann beenden Sie die Funktion. 'Die Position der Endmarkierung ist 0, was bedeutet, dass es keine Endmarkierung gibt das Programm endet MidStr=mid(str, start+4, end- start-4) 'Markieren Sie den Inhalt in der Mitte. ReplacementStr=mid(str, start, end-start+5) 'Markieren Sie den Inhalt in der Mitte mit einer Markierung als zu ersetzender Inhalt Str=replace(instr, ReplacementStr,"<img src= ”&MidStr&”>”) 'Markup in HTML übersetzen
TranslateImg Str 'Diese Funktion rekursiv ausführen
Funktion beenden

Ich glaube, dass Leser durch die obige Analyse durch ihre eigene Analyse eine Reihe von „MyHTML“-Auszeichnungssprachen für ihre eigenen Websites erstellen können.

In der tatsächlichen Entwicklung müssen noch einige Probleme gelöst werden, z. B.: Verarbeitung der Markierungsverschachtelung; ob vor der Übermittlung an den Benutzer an die Datenbank oder wenn der Benutzer den Artikel durchsucht und zur Bereitstellung aus der Datenbank aufgerufen werden soll; Benutzer mit einigen automatischen Die Schaltfläche mit der Markierung wird eingefügt, um dem Benutzer die Bedienung zu erleichtern. Dieser Artikel dient nur dem Zweck, die Wertschätzung der Leser zu wecken.