Crie uma linguagem de marcação para seu próprio sistema de site ASP

Autor：Eve Cole Data da Última Atualização：2009-06-25 17:32:25

Por ser um site dinâmico, é inevitável encontrar o problema da edição online de artigos durante o processo de construção. HTML fornece uma tag textarea, mas isso na verdade não resolve o problema porque a textarea é texto simples. A menos que você use tags HTML ao inserir, você obterá uma placa de texto sem estrutura do início ao fim durante a saída. No design WEB, construir um editor online WYSIWYG através de DHTML resolve muito bem esse problema.

Mas o que você vê não é a única solução. Ao navegar na Internet, o autor descobriu que os editores online de alguns portais são únicos. Não é um WYSIWYG (mas fornece uma função de visualização), mas um campo de texto textarea, mas não oferece suporte à linguagem de marcação HTML. Em vez disso, possui seu próprio conjunto de linguagem de marcação.

Figura 1

Figura 2

O autor considera que é muito fácil de usar e resume suas vantagens da seguinte forma:

Primeiro, ele não possui muitas tags, é muito simples comparado ao HTML e pode gerar parágrafos automaticamente pressionando Enter, o que é facilmente aceito por usuários comuns. O autor acredita que se forem utilizadas tags chinesas, elas poderão ser aceitas por mais usuários domésticos.

Em segundo lugar, em comparação com os editores WYSIWYG, os usuários podem controlar melhor a estrutura de seus artigos e gerar código menos distorcido.

Terceiro, a visibilidade é muito melhor que o HTML e é ainda melhor com a função de visualização.

Quarto, é mais seguro porque sua própria linguagem de marcação não suporta scripts.

Após alguma reflexão e prática do autor, apresento agora o método de construção desta própria linguagem de marcação:

Primeiro, determinamos um conjunto simples e necessário de linguagem de marcação para nosso site. Ao determinar, omita alguns itens desnecessários. No meu caso, a linguagem de marcação que decidi para o meu site foi a seguinte:

[imagem]URL da imagem[/image]
[Título]Conteúdo de texto[/Título]
[Subtitle]Conteúdo de texto[/subtitle] (adicionado considerando que os usuários podem ser segmentados)
[bold]Conteúdo de texto[/bold]
[itálico]Conteúdo do texto[/itálico]
[link]site[/link]

Em seguida, forneça um determinado mecanismo para permitir que o navegador entenda nossas tags. Então, como permitir que o navegador entenda as tags que determinamos. Na página onde o conteúdo é exibido, precisamos escrever um programa para traduzir todas as nossas tags em padrões. Tags HTML, mas o código HTML inserido pelo usuário deve ser filtrado antes.

Etapa um: filtrar o código HTML.

Na verdade, isso é muito simples, basta substituir todas as tags "<" por "<" e todas as tags ">" por ">". Isto é conseguido em ASP através da seguinte instrução:

Conteúdo=substituir(conteúdo,"<","<")

Conteúdo=substituir(conteúdo,">",">")

(No código acima, content é uma variável que armazena o conteúdo que queremos exibir. Se aparecer abaixo, significa o mesmo significado.)

Etapa 2: traduza nossa marcação para HTML

Isto é relativamente complicado, porque não se trata apenas de substituir todas as [tags por < e] por > e depois traduzir o chinês (como imagens) para o inglês (como IMG). Existem dois motivos:

1 é o conteúdo da nossa marcação, que precisa ser processado de forma diferente de acordo com diferentes classificações:

O primeiro tipo é exibido diretamente ao usuário, como:

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

Neste momento, você só precisa traduzir a tag para o inglês correspondente. Por exemplo, a tag acima é traduzida para <h1>texto</h1>.

A segunda categoria não é apresentada diretamente ao usuário, como:

[Imagem]URL da imagem[/Imagem]

Neste momento, o conteúdo "URL da imagem" no meio da tag é apenas o URL que queremos exibir. Em HTML, é o atributo SRC da tag <IMG>, e essa tag não precisa de uma tag final. HTML. Portanto, o resultado da tradução direta é sim errado.

A terceira categoria é apresentada diretamente e simultaneamente utilizada como atributo, tal como:

[link]site[/link]

2. Nem todos os locais com tags de item precisam ser traduzidos. Por exemplo, às vezes os usuários precisam usar os símbolos "[" e "]" para expressar seu conteúdo neste momento, se tais tags forem traduzidas como "<" e. ">" definitivamente não está de acordo com os desejos do usuário.

Depois de analisar os problemas que surgem, o autor fornecerá uma referência de ideias para escrever programas e um programa de referência abaixo.

Como tags diferentes exigem métodos de tradução diferentes, tags diferentes devem ser traduzidas uma por uma.

Para qualquer tag única, ela pode aparecer várias vezes em um artigo ou pode não aparecer uma vez. O programa deve primeiro verificar a tag inicial de uma determinada tag do início ao fim (por exemplo, se "Imagem]Endereço da imagem[/Imagem). ]" é " [Imagem]"), uma vez marcada, comece a verificar a marca final a partir dessa posição. Se também estiver marcada, significa que esta é a marca que queremos; se a marca final não estiver marcada, então significa que não é a marcação que queremos, mas apenas o conteúdo exibido pelo próprio usuário. Após a verificação, as tags são traduzidas em tags HTML, e o conteúdo das tags é processado de forma diferente de acordo com os diferentes tipos. Após o término, a verificação continua da posição da tag final até o final do artigo.

Na escrita real, a ideia de recursão precisa ser usada. A seguir está um exemplo de programa para traduzir a tag [imagem]endereço da imagem[/imagem].

Função TranslateImg(Str)
Start=instr(str, "[picture]") 'Verifica a posição inicial da marca Se start=0 então sai da função 'A posição inicial é 0, o que significa que não existe tal marca, então o programa termina End=instr( start, str,"[/ Picture]" 'Verifique a posição da marca final que aparece após a posição inicial Se end=0 then exit function 'A posição da marca final é 0, o que significa que não há marca final e. o programa termina MidStr=mid(str, start+4, end- start-4) 'Marca o conteúdo no meio ReplaceStr=mid(str, start, end-start+5) 'Marca o conteúdo no meio com uma marca como o conteúdo a ser substituído Str=replace(instr, ReplaceStr,"<img src= ”&MidStr&”>”) 'Traduzir marcação para HTML
TranslateImg Str 'Executa esta função recursivamente
Função final

Através da análise acima, acredito que os leitores podem construir um conjunto de linguagem de marcação "MyHTML" para seus próprios sites por meio de sua própria análise.

No desenvolvimento real, ainda existem alguns problemas que precisam ser superados, como: processamento de aninhamento de marcas, seja para traduzir antes de enviar o usuário ao banco de dados ou quando o usuário navega no artigo e o chama do banco de dados para fornecê-lo; usuários com alguma automação O botão com a marca é inserido para facilitar a experiência de operação do usuário Este artigo tem apenas o objetivo de atrair a apreciação dos leitores.