Bangun bahasa markup untuk sistem situs web ASP Anda sendiri

Penulis：Eve Cole Waktu Pembaruan：2009-06-25 17:32:25

Sebagai situs web dinamis, masalah pengeditan artikel secara online tidak dapat dihindari selama proses konstruksi. HTML menyediakan tag textarea, tapi itu tidak benar-benar menyelesaikan masalah ini karena textarea adalah teks biasa. Kecuali Anda menggunakan tag HTML saat memasukkan, Anda akan mendapatkan sepiring teks tanpa struktur dari awal hingga akhir saat mengeluarkan. Dalam desain WEB, membangun editor online WYSIWYG melalui DHTML memecahkan masalah ini dengan sangat baik.

Namun apa yang Anda lihat bukanlah satu-satunya solusi. Saat menjelajahi Internet, penulis menemukan bahwa editor online beberapa situs portal sangatlah unik. Ini bukan WYSIWYG (tetapi menyediakan fungsi pratinjau), tetapi bidang teks textarea, tetapi tidak mendukung bahasa markup HTML. Sebaliknya, ia memiliki bahasa markupnya sendiri.

Gambar 1

Gambar 2

Penulis merasa sangat lancar menggunakannya dan merangkum kelebihannya sebagai berikut:

Pertama, tidak memiliki banyak tag, sangat sederhana dibandingkan HTML, dan dapat secara otomatis menghasilkan paragraf dengan menekan Enter, yang mudah diterima oleh pengguna biasa. Penulis yakin jika tag berbahasa Mandarin digunakan, maka dapat diterima oleh lebih banyak pengguna dalam negeri.

Kedua, dibandingkan dengan editor WYSIWYG, pengguna dapat mengontrol struktur artikel mereka dengan lebih baik dan menghasilkan kode yang lebih sedikit kacau.

Ketiga, visibilitasnya jauh lebih baik daripada HTML, dan bahkan lebih baik lagi dengan fungsi pratinjau.

Keempat, lebih aman karena bahasa markupnya sendiri tidak mendukung scripting.

Setelah beberapa pemikiran dan latihan oleh penulis, sekarang saya mengungkapkan metode membangun bahasa markup ini sendiri:

Pertama, kami menentukan seperangkat bahasa markup yang sederhana dan diperlukan untuk situs web kami. Saat menentukan, hilangkan beberapa item yang tidak diperlukan. Dalam kasus saya, bahasa markup yang saya pilih untuk situs web saya adalah sebagai berikut:

[gambar]URL gambar[/gambar]
[Judul]Isi teks[/Judul]
[Subtitle]Konten teks[/subtitle] (ditambahkan mengingat pengguna mungkin tersegmentasi)
[tebal]Isi teks[/tebal]
[miring]Isi teks[/miring]
[tautan]situs web[/tautan]

Lalu, berikan mekanisme tertentu agar browser dapat memahami tag kita. Jadi, bagaimana agar browser dapat memahami tag yang kita tentukan? Di halaman tempat konten ditampilkan, kita perlu menulis program untuk menerjemahkan semua tag kita ke dalam standar Tag HTML, namun kode HTML yang dimasukkan pengguna harus disaring terlebih dahulu.

Langkah pertama: filter kode HTML.

Ini sebenarnya sangat sederhana, cukup ganti semua tag "<" dengan "<" dan semua ">" dengan ">". Hal ini dicapai dalam ASP melalui pernyataan berikut:

Konten=ganti(konten,"<","<")

Konten=ganti(konten,">",">")

(Pada kode di atas, content adalah variabel yang menyimpan konten yang ingin kita tampilkan. Jika muncul di bawah, artinya sama.)

Langkah 2: Terjemahkan markup kami ke HTML

Hal ini relatif rumit, karena bukan hanya soal mengganti semua [tag dengan < dan] dengan > lalu menerjemahkan bahasa Mandarin (misalnya gambar) ke dalam bahasa Inggris (misalnya IMG). Ada dua alasan:

1 adalah konten dalam markup kami, yang perlu diproses secara berbeda sesuai dengan klasifikasi yang berbeda:

Tipe pertama langsung ditampilkan kepada pengguna, seperti:

[Judul]Teks[/Judul]

Saat ini, Anda hanya perlu menerjemahkan tag ke dalam bahasa Inggris yang sesuai. Misalnya, tag di atas diterjemahkan ke dalam <h1>teks</h1>.

Kategori kedua tidak langsung disajikan kepada pengguna, seperti:

[Gambar]URL Gambar[/Gambar]

Saat ini, konten "URL gambar" di tengah tag hanyalah URL yang ingin kita tampilkan. Dalam HTML, itu adalah atribut SRC dari tag <IMG>, dan tag ini tidak memerlukan tag penutup HTML. Jadi hasil terjemahan langsungnya ya Salah.

Kategori ketiga disajikan secara langsung dan sekaligus digunakan sebagai atribut, seperti:

[tautan]situs web[/tautan]

2. Tidak semua tempat dengan tag item perlu diterjemahkan. Misalnya, terkadang pengguna perlu menggunakan simbol "[" dan simbol "]" untuk mengekspresikan konten mereka ">" jelas tidak sesuai dengan keinginan pengguna.

Setelah menganalisa permasalahan yang muncul maka penulis akan memberikan acuan ide penulisan program dan referensi program dibawah ini.

Karena tag yang berbeda memerlukan metode terjemahan yang berbeda, tag yang berbeda harus diterjemahkan satu per satu.

Untuk tag tunggal apa pun, tag tersebut mungkin muncul beberapa kali dalam sebuah artikel, atau mungkin tidak muncul satu kali. Program harus terlebih dahulu memeriksa tag awal dari tag tertentu dari awal hingga akhir (misalnya, jika "Gambar]Alamat Gambar[/Gambar] ]" adalah " [Gambar]"), setelah dicentang, maka mulailah memeriksa tanda akhir dari posisi itu. Jika dicentang juga berarti ini tanda yang kita inginkan; jika tanda akhir tidak dicentang, maka artinya bukan markup yang kita inginkan, melainkan hanya konten yang ditampilkan oleh pengguna itu sendiri. Setelah dilakukan pengecekan, tag-tag tersebut diterjemahkan ke dalam tag HTML, dan konten dalam tag tersebut diproses secara berbeda-beda sesuai dengan jenisnya yang berbeda-beda. Setelah selesai, pengecekan dilanjutkan dari posisi tag akhir hingga akhir artikel.

Dalam penulisan sebenarnya perlu digunakan ide rekursi. Berikut ini adalah contoh program untuk menerjemahkan tag [gambar]alamat gambar[/gambar].

Fungsi TranslateImg(Str)
Start=instr(str, "[gambar]") 'Periksa posisi awal tanda Jika start=0 maka keluar dari fungsi 'Posisi awal adalah 0, artinya tidak ada tanda tersebut, maka program berakhir End=instr( start, str,"[/ Picture]" 'Periksa posisi tanda akhir yang muncul setelah posisi awal. Jika end=0 maka exit function 'Posisi tanda akhir adalah 0 yang berarti tidak ada tanda akhir dan program berakhir MidStr=mid(str, start+4, end- start-4) 'Tandai konten di tengah replaceStr=mid(str, start, end-start+5) 'Tandai konten di tengah dengan tanda sebagai konten yang akan diganti Str=replace(instr, replaceStr,"<img src= ”&MidStr&”>”) 'Terjemahkan markup ke HTML
TranslateImg Str 'Jalankan fungsi ini secara rekursif
Fungsi Akhir

Melalui analisis di atas, saya yakin pembaca dapat membangun seperangkat bahasa markup "MyHTML" untuk situs web mereka sendiri melalui analisis mereka sendiri.

Dalam perkembangan sebenarnya, masih ada beberapa permasalahan yang perlu diatasi, seperti: pemrosesan mark nesting; apakah akan menerjemahkan sebelum mengirimkan pengguna ke database atau saat pengguna menelusuri artikel dan memanggilnya keluar dari database untuk menyediakan pengguna dengan beberapa otomatis Tombol dengan tanda disisipkan untuk memudahkan pengalaman pengoperasian pengguna. Artikel ini hanya bertujuan untuk menarik apresiasi pembaca.