إذا كنت ترغب في إنشاء زر يعرض نص ميمو المميز ، فستحتاج إلى القليل من الترميز. باستخدام هتمل وجافا سكريبت ، يمكنك إضافة زر إلى صفحة الويب الخاصة بك من شأنها أن تغير النص المميز إلى ميمو.
أولا ، قم بإنشاء عنصر زر هتمل. للقيام بذلك ، يمكنك استخدام الزر أو علامة الإدخال بنوع "الزر". أضف سمة المعرف للزر بحيث يمكنك الوصول إليه لاحقا من شفرة جافا سكريبت.
ثم ، استخدم جافا سكريبت للتعامل مع الحدث انقر فوق الزر. في وظيفة المعالج ، ابحث عن النص المحدد في الصفحة باستخدام النافذة.جيتسلكتيون () الأسلوب. Затем, замените каждый символ выделенного текста на mimo, используя метод replace().
window.getSelection().getRangeAt(0).insertNode(document.createTextNode(newMimoText));
- });
- الآن بعد أن تم استبدال النص المميز بميمو ، عند النقر فوق الزر ، سيبدو النص الخاص بك ممتعا وممتعا!
- التحضير لإنشاء زر ميمو في هتمل
- اختيار الموضع المناسب للزر
- إنشاء نص مميز لزر
- إنشاء عنصر هتمل لزر ميمو
- استخدام علامة لإنشاء زر
تطبيق الأنماط على زر ميمو
إضافة إجراء عند النقر على زر ميمو
سؤال وجواب
كيف يمكنني إنشاء زر مع النص ميمو أبرز على صفحة ويب?