Создайте язык разметки для своей собственной системы веб-сайтов ASP.

Автор：Eve Cole Время обновления：2009-06-25 17:32:25

Будучи динамичным веб-сайтом, неизбежно приходится сталкиваться с проблемой онлайн-редактирования статей в процессе создания. HTML предоставляет тег textarea, но на самом деле это не решает эту проблему, поскольку textarea представляет собой обычный текст. Если вы не используете HTML-теги при вводе, при выводе вы получите текст без структуры от начала до конца. В веб-дизайне создание онлайн-редактора WYSIWYG с помощью DHTML очень хорошо решает эту проблему.

Но то, что вы видите, не единственное решение. Путешествуя по Интернету, автор обнаружил, что онлайн-редакторы некоторых сайтов-порталов весьма уникальны. Это не WYSIWYG (но предоставляет функцию предварительного просмотра), а текстовое поле текстовой области, но оно не поддерживает язык разметки HTML. Вместо этого у него есть собственный набор языка разметки.

Рисунок 1

Рисунок 2

Автор считает, что его очень удобно использовать, и резюмирует его преимущества следующим образом:

Во-первых, он не имеет большого количества тегов, очень прост по сравнению с HTML и может автоматически генерировать абзацы по нажатию Enter, что легко воспринимается обычными пользователями. Автор считает, что если будут использоваться китайские теги, их сможет принять больше отечественных пользователей.

Во-вторых, по сравнению с редакторами WYSIWYG, пользователи могут лучше контролировать структуру своих статей и генерировать менее искаженный код.

В-третьих, видимость намного лучше, чем у HTML, а с функцией предварительного просмотра она еще лучше.

В-четвертых, это безопаснее, поскольку собственный язык разметки не поддерживает сценарии.

После некоторых размышлений и практики автора я теперь раскрываю метод создания собственного языка разметки:

Сначала определяем простой и необходимый набор языка разметки для нашего сайта. При определении опустите некоторые ненужные пункты. В моем случае язык разметки, который я выбрал для своего сайта, был следующим:

[image]URL изображения[/image]
[Название]Текстовое содержание[/Title]
[Subtitle]Текстовый контент[/subtitle] (добавлено с учетом того, что пользователи могут быть сегментированы)
[bold]Текстовое содержимое[/bold]
[курсив]Текстовое содержание[/italics]
[ссылка]сайт[/ссылка]

Затем обеспечьте некий механизм, позволяющий браузеру понимать наши теги. Итак, как позволить браузеру понимать теги, которые мы определяем? На странице, где отображается контент, нам нужно написать программу для перевода всех наших тегов в стандарты. HTML-теги, но введенный пользователем HTML-код должен быть предварительно отфильтрован.

Шаг первый: отфильтруйте HTML-код.

На самом деле это очень просто: просто замените все теги «<» на «<» и все «>» на «>». Это достигается в ASP с помощью следующего оператора:

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

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

(В приведенном выше коде контент — это переменная, в которой хранится контент, который мы хотим отобразить. Если он отображается ниже, это означает то же значение.)

Шаг 2. Переведите нашу разметку в HTML.

Это относительно сложно, поскольку речь идет не просто о замене всех [тегов на < и] на > и последующем переводе китайского языка (например, изображений) на английский (например, IMG). Есть две причины:

1 — это контент в нашей разметке, который необходимо обрабатывать по-разному в соответствии с разными классификациями:

Первый тип отображается непосредственно пользователю, например:

[Название]Текст[/Название]

На данный момент вам нужно только перевести тег на соответствующий английский язык. Например, приведенный выше тег переведен в <h1>текст</h1>.

Вторая категория не представляется пользователю напрямую, например:

[Изображение]URL изображения[/Picture]

В настоящее время «URL-адрес изображения» в середине тега — это просто URL-адрес, который мы хотим отобразить. В HTML это атрибут SRC тега <IMG>, и для этого тега не требуется закрывающий тег. HTML Итак, результат прямого перевода — да. Неверно.

Третья категория непосредственно представлена и одновременно используется как атрибут, например:

[ссылка]сайт[/ссылка]

2. Не все места с тегами элементов необходимо переводить. Например, иногда пользователям необходимо использовать символы «[» и символы «]» для обозначения своего содержимого. В настоящее время, если такие теги переведены как «<» и. «>» определенно не соответствуют желаниям пользователя.

После анализа возникших проблем автор предоставит ссылку на идеи по написанию программ и справочную программу ниже.

Поскольку разные теги требуют разных методов перевода, разные теги необходимо переводить один за другим.

Любой отдельный тег может появляться в статье несколько раз, а может и не появляться один раз. Программа должна сначала проверить начальный тег определенного тега от начала до конца (например, если «Изображение]Адрес изображения[/Изображение). ]" - это "[Изображение]"), как только он отмечен, начните проверять конечную метку с этой позиции. Если она также отмечена, это означает, что это именно та метка, которую мы хотим; если конечная метка не отмечена, то это означает, что это не та разметка, которую мы хотим, а только контент, отображаемый самим пользователем. После проверки теги переводятся в HTML-теги, а содержимое тегов обрабатывается по-разному в зависимости от типа. После завершения проверка продолжается с позиции конечного тега до конца статьи.

В реальном написании необходимо использовать идею рекурсии. Ниже приведен пример программы для перевода тега [picture]pictureadress[/picture].

Функция 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) 'Отмечаем контент посередине. replaceStr=mid(str, start, end-start+5) 'Отмечаем контент посередине знаком в качестве заменяемого содержимого Str=replace(instr, replaceStr,"<img src= ”&MidStr&”>”) 'Перевести разметку в HTML
TranslateImg Str 'Выполнить эту функцию рекурсивно
Конечная функция

Я считаю, что благодаря приведенному выше анализу читатели смогут создать набор языков разметки MyHTML для своих веб-сайтов путем собственного анализа.

В реальной разработке все еще необходимо решить некоторые проблемы, такие как: обработка вложенных меток; следует ли переводить перед отправкой пользователя в базу данных или когда пользователь просматривает статью и вызывает ее из базы данных; пользователи с некоторыми автоматическими кнопками со знаком вставлена для облегчения работы пользователя. Эта статья предназначена только для привлечения внимания читателей.