Cree un lenguaje de marcado para su propio sistema de sitio web ASP

Autor：Eve Cole Fecha de actualización：2009-06-25 17:32:25

Como sitio web dinámico, es inevitable encontrar el problema de la edición de artículos en línea durante el proceso de construcción. HTML proporciona una etiqueta de área de texto, pero eso en realidad no resuelve este problema porque el área de texto es texto sin formato. A menos que utilice etiquetas HTML al ingresar, obtendrá una placa de texto sin estructura de principio a fin al generar. En diseño WEB, construir un editor en línea WYSIWYG a través de DHTML resuelve muy bien este problema.

Pero lo que ves no es la única solución. Mientras navegaba por Internet, el autor descubrió que los editores en línea de algunos portales son muy singulares. No es WYSIWYG (pero proporciona una función de vista previa), sino un campo de texto de área de texto, pero no admite el lenguaje de marcado HTML. En cambio, tiene su propio conjunto de lenguaje de marcado.

Figura 1

Figura 2

El autor considera que su uso es muy sencillo y resume sus ventajas de la siguiente manera:

En primer lugar, no tiene muchas etiquetas, es muy simple en comparación con HTML y puede generar párrafos automáticamente presionando Enter, lo cual es fácilmente aceptado por los usuarios comunes. El autor cree que si se utilizan etiquetas chinas, más usuarios nacionales podrán aceptarlas.

En segundo lugar, en comparación con los editores WYSIWYG, los usuarios pueden controlar mejor la estructura de sus artículos y generar código menos confuso.

En tercer lugar, la visibilidad es mucho mejor que la del HTML y es aún mejor con la función de vista previa.

Cuarto, es más seguro porque su propio lenguaje de marcado no admite secuencias de comandos.

Después de pensar y practicar un poco por parte del autor, ahora revelo el método para construir este propio lenguaje de marcado:

Primero, determinamos un conjunto de lenguaje de marcado simple y necesario para nuestro sitio web. Al determinar, omita algunos elementos innecesarios. En mi caso, el lenguaje de marcado que elegí para mi sitio web fue el siguiente:

[imagen]URL de la imagen[/imagen]
[Título]Contenido del texto[/Título]
[Subtítulo]Contenido de texto[/subtítulo] (agregado considerando que los usuarios pueden estar segmentados)
[negrita]Contenido del texto[/negrita]
[cursiva]Contenido del texto[/cursiva]
[enlace]sitio web[/enlace]

Luego, proporcione un determinado mecanismo para permitir que el navegador comprenda nuestras etiquetas. Entonces, ¿cómo permitir que el navegador comprenda las etiquetas que determinamos? En la página donde se muestra el contenido, necesitamos escribir un programa para traducir todas nuestras etiquetas a estándares. Etiquetas HTML, pero el código HTML ingresado por el usuario debe filtrarse antes.

Paso uno: filtrar el código HTML.

En realidad, esto es muy simple, simplemente reemplace todas las etiquetas "<" con "<" y todas las ">" con ">". Esto se logra en ASP mediante la siguiente declaración:

Contenido=reemplazar(contenido,"<","<")

Contenido=reemplazar(contenido,">",">")

(En el código anterior, el contenido es una variable que almacena el contenido que queremos mostrar. Si aparece a continuación, significa el mismo significado).

Paso 2: Traducir nuestro marcado a HTML

Esto es relativamente complicado, porque no se trata simplemente de reemplazar todas las [etiquetas con < y] con > y luego traducir el chino (como las imágenes) al inglés (como IMG). Hay dos razones:

1 es el contenido de nuestro marcado, que debe procesarse de manera diferente según las diferentes clasificaciones:

El primer tipo se muestra directamente al usuario, como por ejemplo:

[Título]Texto[/Título]

En este momento, solo necesita traducir la etiqueta al inglés correspondiente. Por ejemplo, la etiqueta anterior se traduce al <h1>texto</h1>.

La segunda categoría no se presenta directamente al usuario, como por ejemplo:

[Imagen]URL de la imagen[/Imagen]

En este momento, el contenido "URL de imagen" en el medio de la etiqueta es solo la URL que queremos mostrar. En HTML, es el atributo SRC de la etiqueta <IMG>, y esta etiqueta no necesita una etiqueta final. HTML Entonces el resultado de la traducción directa es sí Incorrecto.

La tercera categoría se presenta directamente y se utiliza simultáneamente como atributo, como por ejemplo:

[enlace]sitio web[/enlace]

2. No es necesario traducir todos los lugares con etiquetas de elementos. Por ejemplo, a veces los usuarios necesitan usar los símbolos "[" y "]" para expresar su contenido. En este momento, si dichas etiquetas se traducen como "<" y. ">" definitivamente no se ajustan a los deseos del usuario.

Después de analizar los problemas que surgen, el autor proporcionará una referencia de ideas para escribir programas y un programa de referencia a continuación.

Dado que diferentes etiquetas requieren diferentes métodos de traducción, las diferentes etiquetas deben traducirse una por una.

Para cualquier etiqueta, puede aparecer varias veces en un artículo, o puede que no aparezca una vez. El programa primero debe verificar la etiqueta de inicio de una determinada etiqueta de principio a fin (por ejemplo, si "Imagen]Dirección de imagen[/Imagen". ]" es " [Imagen]"), una vez marcada, comience a verificar la marca final desde esa posición. Si también está marcada, significa que esta es la marca que queremos; si la marca final no está marcada, entonces significa que no es lo que queremos marcado, sino solo el contenido mostrado por el propio usuario. Después de la verificación, las etiquetas se traducen a etiquetas HTML y el contenido de las etiquetas se procesa de manera diferente según los diferentes tipos. Después de finalizar, la verificación continúa desde la posición de la etiqueta final hasta el final del artículo.

En la escritura real, se debe utilizar la idea de recursividad. El siguiente es un programa de muestra para traducir la etiqueta [imagen] dirección de imagen [/ imagen].

Función TraducirImg(Str)
Start=instr(str, "[imagen]") 'Compruebe la posición inicial de la marca. Si start=0 entonces salga de la función 'La posición inicial es 0, lo que significa que no existe tal marca, entonces el programa finaliza End=instr( start, str,"[/ Picture]" 'Verifique la posición de la marca final que aparece después de la posición inicial. Si end=0 entonces salga de la función 'La posición de la marca final es 0, lo que significa que no hay marca final y. el programa termina MidStr=mid(str, start+4, end-start-4) 'Marcar el contenido en el medio ReemplazarStr=mid(str, start, end-start+5) 'Marcar el contenido en el medio con una marca como contenido a reemplazar Str=replace(instr, ReemplazoStr,"<img src= ”&MidStr&”>”) 'Traducir marcado a HTML
TranslateImg Str 'Ejecuta esta función de forma recursiva
Función final

A través del análisis anterior, creo que los lectores pueden crear un conjunto de lenguaje de marcado "MyHTML" para sus propios sitios web a través de su propio análisis.

En el desarrollo real, todavía hay algunos problemas que deben superarse, como: el procesamiento del anidamiento de marcas; si se debe traducir antes de enviar al usuario a la base de datos o cuando el usuario busca el artículo y lo llama desde la base de datos; usuarios con algunos El botón con la marca se inserta para facilitar la experiencia de operación del usuario. Este artículo tiene solo el propósito de atraer el aprecio de los lectores.