أنشئ لغة ترميزية لنظام موقع ASP الخاص بك

الكاتب：Eve Cole وقت التحديث：2009-06-25 17:32:25

كموقع ويب ديناميكي، فمن المحتم أن تواجه مشكلة تحرير المقالات عبر الإنترنت أثناء عملية الإنشاء. يوفر HTML علامة منطقة نصية، لكن هذا لا يحل هذه المشكلة فعليًا لأن منطقة النص عبارة عن نص عادي. ما لم تستخدم علامات HTML عند الإدخال، سوف تحصل على لوحة نصية بدون بنية من البداية إلى النهاية عند الإخراج. في تصميم الويب، يؤدي إنشاء محرر WYSIWYG عبر الإنترنت من خلال DHTML إلى حل هذه المشكلة بشكل جيد للغاية.

ولكن ما تراه ليس هو الحل الوحيد. أثناء تصفح الإنترنت، وجد المؤلف أن المحررين عبر الإنترنت لبعض مواقع البوابات الإلكترونية فريدون للغاية. إنه ليس WYSIWYG (ولكنه يوفر وظيفة معاينة)، ولكنه حقل نص لمنطقة النص، ولكنه لا يدعم لغة ترميز HTML. بدلا من ذلك، لديه مجموعة خاصة به من لغة الترميز.

الشكل 1

الشكل 2

يرى المؤلف أنه سهل الاستخدام للغاية ويلخص مزاياه على النحو التالي:

أولاً، لا يحتوي على العديد من العلامات، وهو بسيط جدًا مقارنة بـ HTML، ويمكنه إنشاء فقرات تلقائيًا عن طريق الضغط على Enter، وهو ما يمكن قبوله بسهولة من قبل المستخدمين العاديين. يعتقد المؤلف أنه إذا تم استخدام العلامات الصينية، فيمكن قبولها من قبل المزيد من المستخدمين المحليين.

ثانيًا، مقارنة بمحرري WYSIWYG، يمكن للمستخدمين التحكم بشكل أفضل في بنية مقالاتهم وإنشاء تعليمات برمجية أقل مشوهة.

ثالثًا، الرؤية أفضل بكثير من HTML، بل إنها أفضل مع وظيفة المعاينة.

رابعًا، إنها أكثر أمانًا لأن لغة الترميز الخاصة بها لا تدعم البرمجة النصية.

بعد بعض التفكير والممارسة من قبل المؤلف، أكشف الآن عن طريقة بناء لغة الترميز الخاصة هذه:

أولاً، نحدد مجموعة بسيطة وضرورية من لغة الترميز لموقعنا على الويب. عند التحديد، حذف بعض العناصر غير الضرورية. في حالتي، كانت لغة الترميز التي قررت استخدامها لموقع الويب الخاص بي هي كما يلي:

[صورة]رابط الصورة[/image]
[العنوان]محتوى النص[/العنوان]
[عنوان فرعي]محتوى نصي[/عنوان فرعي] (تمت إضافته مع الأخذ في الاعتبار أنه قد يتم تقسيم المستخدمين)
[bold]محتوى النص[/bold]
[مائل]محتوى النص[/مائل]
[رابط]الموقع الإلكتروني[/رابط]

بعد ذلك، قم بتوفير آلية معينة للسماح للمتصفح بفهم علاماتنا، فكيف نسمح للمتصفح بفهم العلامات التي نحددها، نحتاج إلى كتابة برنامج لترجمة جميع علاماتنا إلى معايير في الصفحة التي يتم عرض المحتوى فيها علامات HTML، ولكن يجب تصفية كود HTML الذي أدخله المستخدم قبل ذلك.

الخطوة الأولى: تصفية كود HTML.

هذا في الواقع بسيط جدًا، ما عليك سوى استبدال جميع العلامات "<" بـ "<" وجميع العلامات ">" بـ ">". ويتم تحقيق ذلك في ASP من خلال العبارة التالية:

المحتوى=استبدال(المحتوى،"<"،<")

المحتوى=استبدال(المحتوى،">"،">")

(في الكود أعلاه، المحتوى هو متغير يقوم بتخزين المحتوى الذي نريد عرضه. إذا ظهر أدناه، فهذا يعني نفس المعنى.)

الخطوة 2: ترجمة ترميزنا إلى HTML

هذا أمر معقد نسبيًا، لأن الأمر لا يتعلق فقط باستبدال جميع [العلامات التي تحتوي على < و] بـ > ثم ترجمة اللغة الصينية (مثل الصور) إلى الإنجليزية (مثل IMG). هناك سببان:

1 هو المحتوى الموجود في ترميزنا، والذي يجب معالجته بشكل مختلف وفقًا للتصنيفات المختلفة:

النوع الأول يتم عرضه مباشرة للمستخدم مثل:

[العنوان]النص[/العنوان]

في هذا الوقت، ما عليك سوى ترجمة العلامة إلى اللغة الإنجليزية المقابلة. على سبيل المثال، تتم ترجمة العلامة أعلاه إلى <h1>text</h1>.

أما الفئة الثانية فلا يتم عرضها للمستخدم بشكل مباشر مثل:

[صورة]رابط الصورة[/صورة]

في الوقت الحالي، يعد محتوى "عنوان URL للصورة" الموجود في منتصف العلامة مجرد عنوان URL الذي نريد عرضه. في HTML، فهو سمة SRC لعلامة <IMG>، ولا تحتاج هذه العلامة إلى علامة نهاية HTML لذا فإن نتيجة الترجمة المباشرة هي نعم خاطئة.

يتم تقديم الفئة الثالثة مباشرة واستخدامها في نفس الوقت كسمة، مثل:

[رابط]الموقع الإلكتروني[/رابط]

2. لا يلزم ترجمة جميع الأماكن التي تحتوي على علامات العناصر. على سبيل المثال، يحتاج المستخدمون أحيانًا إلى استخدام الرموز "[" والرموز "]" للتعبير عن محتواهم في هذا الوقت، إذا تمت ترجمة هذه العلامات إلى "<" و ">" لا تتوافق بالتأكيد مع رغبات المستخدم.

وبعد تحليل المشكلات التي تظهر، سيقدم المؤلف مرجعًا لأفكار كتابة البرامج وبرنامجًا مرجعيًا أدناه.

نظرًا لأن العلامات المختلفة تتطلب طرق ترجمة مختلفة، فيجب ترجمة العلامات المختلفة واحدة تلو الأخرى.

بالنسبة لأي علامة واحدة، قد تظهر عدة مرات في المقالة، أو قد لا تظهر مرة واحدة. يجب أن يتحقق البرنامج أولاً من علامة البداية لعلامة معينة من البداية إلى النهاية (على سبيل المثال، إذا كان "صورة]عنوان الصورة[/صورة). ]" هي "[صورة]")، بمجرد تحديدها، ابدأ في التحقق من علامة النهاية من هذا الموضع. إذا تم تحديدها أيضًا، فهذا يعني أن هذه هي العلامة التي نريدها؛ إذا لم يتم تحديد علامة النهاية، ثم وهذا يعني أنه ليس ما نريده، ولكن فقط المحتوى الذي يعرضه المستخدم نفسه. بعد التدقيق، تتم ترجمة العلامات إلى علامات HTML، وتتم معالجة المحتوى الموجود في العلامات بشكل مختلف وفقًا للأنواع المختلفة. وبعد الانتهاء، يستمر التدقيق من موضع علامة النهاية حتى نهاية المقالة.

في الكتابة الفعلية، يجب استخدام فكرة التكرار. وفيما يلي نموذج لبرنامج لترجمة العلامة [صورة]عنوان الصورة[/صورة].

الدالة TranslateImg(Str)
Start=instr(str, "[picture]") 'تحقق من موضع البداية للعلامة إذا كانت البداية=0 ثم اخرج من الوظيفة 'موضع البداية هو 0، مما يعني عدم وجود مثل هذه العلامة، ثم ينتهي البرنامج End=instr( start, str,"[/ Picture]" 'تحقق من موضع علامة النهاية التي تظهر بعد موضع البداية. إذا كانت النهاية=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" لمواقع الويب الخاصة بهم من خلال التحليل الخاص بهم.

في التطوير الفعلي، لا تزال هناك بعض المشكلات التي يجب التغلب عليها، مثل: معالجة تداخل العلامات؛ ما إذا كان يجب الترجمة قبل إرسال المستخدم إلى قاعدة البيانات أو عندما يتصفح المستخدم المقالة ويستدعيها من قاعدة البيانات؛ المستخدمين مع بعض التلقائي يتم إدراج الزر الذي يحمل العلامة لتسهيل تجربة التشغيل للمستخدم. هذه المقالة فقط لغرض جذب تقدير القراء.