Créez un langage de balisage pour votre propre système de site Web ASP

Auteur：Eve Cole Date de mise à jour：2009-06-25 17:32:25

En tant que site Web dynamique, il est inévitable de rencontrer le problème de l'édition en ligne des articles pendant le processus de construction. HTML fournit une balise textarea, mais cela ne résout pas réellement ce problème car la zone de texte est du texte brut. À moins que vous n'utilisiez des balises HTML lors de la saisie, vous obtiendrez une plaque de texte sans structure du début à la fin lors de la sortie. Dans la conception WEB, la création d'un éditeur en ligne WYSIWYG via DHTML résout très bien ce problème.

Mais ce que vous voyez n’est pas la seule solution. En surfant sur Internet, l'auteur a découvert que les éditeurs en ligne de certains sites portails sont tout à fait uniques. Il ne s'agit pas d'un WYSIWYG (mais fournit une fonction de prévisualisation), mais d'un champ de texte de zone de texte, mais il ne prend pas en charge le langage de balisage HTML. Au lieu de cela, il dispose de son propre langage de balisage.

Figure 1

Figure 2

L'auteur le trouve très simple à utiliser et résume ses avantages comme suit :

Premièrement, il ne comporte pas beaucoup de balises, est très simple par rapport au HTML et peut générer automatiquement des paragraphes en appuyant sur Entrée, ce qui est facilement accepté par les utilisateurs ordinaires. L'auteur estime que si des balises chinoises sont utilisées, elles pourront être acceptées par un plus grand nombre d'utilisateurs nationaux.

Deuxièmement, par rapport aux éditeurs WYSIWYG, les utilisateurs peuvent mieux contrôler la structure de leurs articles et générer moins de code tronqué.

Troisièmement, la visibilité est bien meilleure que celle du HTML, et elle est encore meilleure avec la fonction de prévisualisation.

Quatrièmement, il est plus sûr car son propre langage de balisage ne prend pas en charge les scripts.

Après quelques réflexions et pratiques de la part de l'auteur, je dévoile maintenant la méthode de construction de ce propre langage de balisage :

Tout d’abord, nous déterminons un ensemble simple et nécessaire de langage de balisage pour notre site Web. Lors de la détermination, omettez certains éléments inutiles. Dans mon cas, le langage de balisage que j'ai choisi pour mon site Web était le suivant :

[image]URL de l'image[/image]
[Titre]Contenu du texte[/Titre]
[Subtitle]Contenu textuel[/subtitle] (ajouté étant donné que les utilisateurs peuvent être segmentés)
[bold]Contenu du texte[/bold]
[italique]Contenu du texte[/italique]
[lien]site Internet[/lien]

Ensuite, fournissez un certain mécanisme pour permettre au navigateur de comprendre nos balises. Alors, comment permettre au navigateur de comprendre les balises que nous déterminons ? Sur la page où le contenu est affiché, nous devons écrire un programme pour traduire toutes nos balises en standards ? Balises HTML, mais le code HTML saisi par l'utilisateur doit être filtré au préalable.

Première étape : filtrer le code HTML.

C'est en fait très simple, remplacez simplement toutes les balises "<" par "<" et tous les ">" par ">". Ceci est réalisé dans ASP via l'instruction suivante :

Contenu=remplacer(contenu,"<","<")

Contenu=remplacer(contenu,">",">")

(Dans le code ci-dessus, le contenu est une variable qui stocke le contenu que nous souhaitons afficher. S'il apparaît ci-dessous, cela signifie la même signification.)

Étape 2 : Traduisez notre balisage en HTML

C'est relativement compliqué, car il ne s'agit pas simplement de remplacer toutes les [balises par < et] par > puis de traduire le chinois (comme les images) en anglais (comme IMG). Il y a deux raisons :

1 est le contenu de notre balisage, qui doit être traité différemment selon différentes classifications :

Le premier type est directement affiché à l'utilisateur, tel que :

[Titre]Texte[/Titre]

Pour le moment, il vous suffit de traduire la balise dans l'anglais correspondant. Par exemple, la balise ci-dessus est traduite en <h1>texte</h1>.

La deuxième catégorie n'est pas directement présentée à l'utilisateur, comme :

[Image]URL de l'image[/Image]

Pour le moment, le contenu "URL de l'image" au milieu de la balise est simplement l'URL que nous voulons afficher. En HTML, il s'agit de l'attribut SRC de la balise <IMG>, et cette balise n'a pas besoin de balise de fin. HTML Le résultat de la traduction directe est donc oui. Faux.

La troisième catégorie est directement présentée et simultanément utilisée comme attribut, comme :

[lien]site Internet[/lien]

2. Tous les emplacements comportant des balises d'élément n'ont pas besoin d'être traduits. Par exemple, les utilisateurs doivent parfois utiliser les symboles "[" et les symboles "]" pour exprimer leur contenu, si ces balises sont traduites par "<" et. Les ">" ne correspondent certainement pas aux souhaits de l'utilisateur.

Après avoir analysé les problèmes qui se posent, l'auteur fournira ci-dessous une référence pour des idées d'écriture de programmes et un programme de référence.

Étant donné que différentes balises nécessitent différentes méthodes de traduction, différentes balises doivent être traduites une par une.

Pour une balise unique, elle peut apparaître plusieurs fois dans un article, ou elle peut ne pas apparaître une seule fois. Le programme doit d'abord vérifier la balise de début d'une certaine balise du début à la fin (par exemple, si « Image]Adresse de l'image[/Image). ]" est " [Image]"), une fois qu'elle est cochée, commencez à vérifier la marque de fin à partir de cette position. Si elle est également cochée, cela signifie que c'est la marque que nous voulons ; si la marque de fin n'est pas cochée, alors cela signifie que ce n'est pas ce que nous voulons, mais seulement le contenu affiché par l'utilisateur lui-même. Après vérification, les balises sont traduites en balises HTML et le contenu des balises est traité différemment selon différents types. Une fois terminée, la vérification se poursuit depuis la position de la balise de fin jusqu'à la fin de l'article.

Dans l'écriture réelle, l'idée de récursion doit être utilisée. Ce qui suit est un exemple de programme pour traduire la balise [image]adresse d'image[/image].

Fonction TranslateImg(Str)
Start=instr(str, "[picture]") 'Vérifiez la position de départ de la marque Si start=0 alors quittez la fonction 'La position de départ est 0, ce qui signifie qu'une telle marque n'existe pas, alors le programme se termine End=instr( start, str,"[/ Picture]" 'Vérifiez la position de la marque de fin qui apparaît après la position de départ. Si end=0 alors quittez la fonction 'La position de la marque de fin est 0, ce qui signifie qu'il n'y a pas de marque de fin et le programme se termine MidStr=mid(str, start+4, end- start-4) 'Marquer le contenu au milieu ReplaceStr=mid(str, start, end-start+5) 'Marquer le contenu au milieu avec une marque comme contenu à remplacer Str=replace(instr, ReplaceStr,"<img src= ”&MidStr&”>”) 'Traduire le balisage en HTML
TranslateImg Str 'Exécuter cette fonction de manière récursive
Fonction de fin

Grâce à l'analyse ci-dessus, je pense que les lecteurs peuvent créer un ensemble de langage de balisage « MyHTML » pour leurs propres sites Web grâce à leur propre analyse.

Dans le développement réel, il reste encore certains problèmes à surmonter, tels que : le traitement de l'imbrication des marques ; la nécessité de traduire avant de soumettre l'utilisateur à la base de données ou lorsque l'utilisateur parcourt l'article et l'appelle depuis la base de données pour le fournir ; utilisateurs avec certains automatiques Le bouton avec la marque est inséré pour faciliter l'expérience de fonctionnement de l'utilisateur. Cet article est uniquement destiné à attirer l'appréciation des lecteurs.