एचटीएमएल संपादक

अवलोकन

इसमें मौजूद HTML संपादक प्रशिक्षकों, शिक्षकों और प्रशासकों को पाठ्यक्रमों, संदेशों, विजेटों और अन्य चीजों के भीतर सीधे सामग्री बनाने और संपादित करने की अनुमति देता है।

यह लेख आपको आकर्षक और सौंदर्यपूर्ण सामग्री बनाने के लिए संपादक के विभिन्न तत्वों तक पहुंचने और उनका उपयोग करने का तरीका सिखाएगा।

कृपया ध्यान दें कि व्यावसायिक प्लेटफ़ॉर्म पर डिफ़ॉल्ट रूप से 'कोर्स' शब्द का प्रयोग होता है और अकादमिक प्लेटफ़ॉर्म पर ' क्लास' शब्द का। इस लेख में 'कोर्स' और 'क्लास' शब्दों का प्रयोग एक दूसरे के स्थान पर किया जा सकता है।

टूलबार मेनू

कोर्स, मैसेज, विजेट और अन्य सामग्री को एडिट करते समय HTML एडिटर दिखाई देता है। टूलबार में एक मेनू बार और आइकन होते हैं जिनकी मदद से आप सेक्शन में मौजूद सामग्री को एडिट कर सकते हैं।

ध्यान दें कि इस लेख में दिखाए गए स्क्रीनशॉट एक कोर्स सेक्शन के भीतर प्रदर्शित होते हैं, लेकिन टूलबार कोर्स, मैसेज और विजेट्स में समान रूप से कार्य करता है। टूलबार के बाईं ओर स्थित कंटेंट बिल्डर केवल कोर्स एडिट करते समय ही उपलब्ध होता है।

शीर्ष मेनू बार में सात मेनू होते हैं, जिनका विस्तृत विवरण नीचे दिया गया है।

फ़ाइल

फ़ाइल मेनू में निम्नलिखित क्रियाएँ शामिल हैं:

शीर्षक	विवरण
नया दस्तावेज़	टेक्स्ट विंडो से सभी टेक्स्ट/इमेज/लिंक हटा देता है।
पूर्व दर्शन	प्रकाशित सामग्री का पूर्वावलोकन देखने के लिए एक पॉप-अप विंडो खोलें।
छाप	टेक्स्ट विंडो में मौजूद सामग्री को प्रिंट करें।

संपादन करना

एडिट मेनू में निम्नलिखित क्रियाएं शामिल हैं।

शीर्षक	विवरण
पूर्ववत	अपनी सबसे हालिया कार्रवाई को पूर्ववत करें।
फिर से करना	अपनी सबसे हालिया कार्रवाई को दोबारा करें।
काटना	चयनित टेक्स्ट/इमेज को हटा दें और उसे क्लिपबोर्ड में सेव कर लें।
प्रतिलिपि	चयनित टेक्स्ट/इमेज को कॉपी करें और उसे क्लिपबोर्ड में सेव करें।
पेस्ट करें	क्लिपबोर्ड से टेक्स्ट/इमेज पेस्ट करें।
टेक्स्ट के रूप में पेस्ट करें	क्लिपबोर्ड से सामग्री को केवल टेक्स्ट के रूप में पेस्ट करें, कोई फ़ॉर्मेटिंग नहीं।
सबका चयन करें	टेक्स्ट विंडो में मौजूद सभी सामग्री को चुनें/हाइलाइट करें।
ढूँढें और बदलें	किसी शब्द या वाक्यांश को ढूंढें और उसे किसी नए शब्द/वाक्यांश से बदलें (यदि लागू हो)।

देखना

व्यू मेनू में टेक्स्ट विंडो के भीतर टेक्स्ट और कैरेक्टर देखने के लिए निम्नलिखित विकल्प शामिल हैं।

शीर्षक	विवरण
सोर्स कोड	टेक्स्ट विंडो में सोर्स कोड देखें/संपादित करें।
अदृश्य अक्षर दिखाएँ	यह रिक्त स्थानों और सॉफ्ट रिटर्न जैसे अदृश्य वर्णों को प्रदर्शित करता है।
ब्लॉक दिखाएँ	टेक्स्ट विंडो के भीतर पैराग्राफ ब्लॉक दिखाता है।
पूर्व दर्शन	प्रकाशित सामग्री का पूर्वावलोकन देखने के लिए एक पॉपअप विंडो खोलें।

डालना

इन्सर्ट मेनू में इमेज, वीडियो, टेबल, लिंक और अन्य सामग्री डालने के लिए निम्नलिखित विकल्प शामिल हैं।

शीर्षक	विवरण
जोड़ना	किसी यूआरएल का हाइपरलिंक डालें।
मिडिया	किसी मीडिया सामग्री को सम्मिलित/एम्बेड करें।
मेज़	एक टेबल डालें और बनाएं।
विशेष चरित्र	एक विशेष वर्ण डालें।
emojis	एक इमोजी डालें।
क्षैतिज रेखा	एक क्षैतिज रेखा डालें।
पृष्ठ ब्रेक	नया पृष्ठ शुरू करने के लिए विराम चिह्न डालें।
मानक या स्थायी जगह	एक ऐसा स्पेस डालें जिससे पेज न टूटे।
लंगर	किसी स्थान पर एंकर/बुकमार्क डालें।
टेम्पलेट डालें	सहेजा गया टेम्पलेट डालें।
टेम्पलेट के रूप में सहेजें	हाइलाइट किए गए टेक्स्ट को टेम्पलेट के रूप में सेव करें।
दिनांक समय	ड्रॉप-डाउन मेनू से दिनांक या समय के विकल्प चुनें।
समीकरण संपादित करें	हाइलाइट किए गए समीकरण को संपादित करने के लिए क्लिक करें।
तस्विर अपलोड करना	छवि अपलोड करने के लिए क्लिक करें।
फ़ाइल अपलोड करें	फाइल अपलोड करने के लिए क्लिक करें।
वेब कॉन्फ्रेंसिंग बनाएं	टेक्स्ट में वेब कॉन्फ्रेंसिंग जोड़ने के लिए क्लिक करें*।
ऑडियो रिकॉर्ड करें	टेक्स्ट विंडो में सीधे ऑडियो रिकॉर्ड करने के लिए क्लिक करें।
वीडियो रिकॉर्ड करें	टेक्स्ट विंडो में सीधे वीडियो रिकॉर्ड करने के लिए क्लिक करें।

* वेब कॉन्फ्रेंसिंग बनाने के विकल्प प्रदर्शित होने के लिए, वेब कॉन्फ्रेंसिंग ऐप को पहले ऐप सेंटर से इंस्टॉल करना होगा।

प्रारूप

फॉर्मेट मेनू में टेक्स्ट को फॉर्मेट करने के लिए निम्नलिखित विकल्प शामिल हैं।

शीर्षक	विवरण
बोल्ड	चयनित टेक्स्ट को बोल्ड करें।
तिरछा	चयनित पाठ को इटैलिक करें।
रेखांकन	चयनित पाठ को रेखांकित करें।
स्ट्राइकथ्रू	चयनित पाठ पर स्ट्राइकथ्रू करें।
ऊपर की ओर लिखा हुआ	चयनित पाठ को सुपरस्क्रिप्ट के रूप में फॉर्मेट करें।
सबस्क्रिप्ट	चयनित पाठ को सबस्क्रिप्ट के रूप में फॉर्मेट करें।
कोड	चयनित टेक्स्ट को कोड के रूप में फॉर्मेट करें।
ब्लाकों	ड्रॉप-डाउन मेनू से उपयुक्त ब्लॉक फॉर्मेटिंग डालें।
फ़ॉन्ट	ड्रॉप-डाउन मेनू से कोई दूसरा फॉन्ट चुनें।
फ़ॉन्ट आकार	ड्रॉप-डाउन मेनू से फ़ॉन्ट आकार चुनें।
संरेखित	ड्रॉप-डाउन मेनू से टेक्स्ट अलाइनमेंट स्टाइल चुनें।
ऊंची लाईन	ड्रॉप-डाउन मेनू से लाइन की ऊंचाई चुनें।
बढ़ते हुए अंतर में	पाठ या पैराग्राफ को दाईं ओर इंडेंट करें।
इंडेंट घटाएँ	पाठ या पैराग्राफ को बाईं ओर ले जाएं।
पाठ का रंग	ड्रॉप-डाउन मेनू से इच्छित टेक्स्ट रंग का चयन करें।
पृष्ठभूमि का रंग	ड्रॉप-डाउन मेनू से पृष्ठभूमि का रंग चुनें।
स्पष्ट स्वरूपण	चयनित पाठ से फ़ॉर्मेटिंग हटाएँ।

औजार

टूल्स मेनू में निम्नलिखित क्रियाएं शामिल हैं।

शीर्षक	विवरण
सोर्स कोड	स्रोत कोड देखें/संपादित करें।
शब्द गणना	शब्द और अक्षर संख्या देखें।

मेज़

टेबल मेनू में टेबल डालने और टेबल संरचना को संशोधित करने के लिए निम्नलिखित क्रियाएं शामिल हैं।

शीर्षक	विवरण
मेज़	एक टेबल डालें।
कक्ष	ड्रॉप-डाउन मेनू से चयनित सेल के लिए संशोधन विकल्प।
पंक्ति	ड्रॉप-डाउन मेनू से चयनित पंक्ति(पंक्तियों) के लिए विकल्पों को संशोधित करें, हटाएं और/या सम्मिलित करें।
स्तंभ	ड्रॉप-डाउन मेनू से चयनित कॉलम के लिए विकल्पों को संशोधित करें, हटाएं और/या सम्मिलित करें।
तालिका गुण	टेबल की चौड़ाई, ऊंचाई, बॉर्डर आदि जैसी प्रॉपर्टीज़ को देखें और संशोधित करें।
टेबल हटाएं	चयनित तालिका को हटा दें।

टूलबार का द्वितीयक मेनू

मुख्य मेनू के नीचे, टूलबार में आसानी से सुलभ ड्रॉप-डाउन विकल्प और अतिरिक्त फ़ॉर्मेटिंग के लिए आइकन होते हैं।

पूर्ववत करें और पुनः करें

पिछली कार्रवाई को पूर्ववत करने के लिए अनडू आइकन पर क्लिक करें।
पिछले आइकन को दोबारा बनाने के लिए रीडो आइकन पर क्लिक करें।

पैराग्राफ और शीर्षक शैलियाँ

टेक्स्ट पर फॉर्मेट और स्टाइल लागू करने के लिए हेडिंग स्टाइल ड्रॉप-डाउन मेनू पर क्लिक करें।

लिपि शैली

अपने टेक्स्ट का फॉन्ट बदलने के लिए फॉन्ट ड्रॉप-डाउन मेनू पर क्लिक करें।

फ़ॉन्ट आकार

टेक्स्ट का आकार बदलने के लिए फ़ॉन्ट आकार ड्रॉप-डाउन मेनू पर क्लिक करें।

फ़ॉन्ट प्रारूप

टेक्स्ट को बोल्ड करने के लिए बोल्ड आइकन पर क्लिक करें।
टेक्स्ट को इटैलिक करने के लिए इटैलिक आइकन पर क्लिक करें।
टेक्स्ट को अंडरलाइन करने के लिए अंडरलाइन आइकन पर क्लिक करें।

पाठ का रंग

फ़ॉन्ट का रंग चुनने/बदलने के लिए टेक्स्ट कलर आइकन पर क्लिक करें।

टेक्स्ट अलाइन

टेक्स्ट को संरेखित करने के लिए संरेखण आइकन पर क्लिक करें।

बुलेटेड सूची

बुलेटेड लिस्ट बनाने और उसे फॉर्मेट करने के लिए बुलेटेड लिस्ट आइकन पर क्लिक करें।

क्रमांकित सूची

बुलेटेड या क्रमांकित सूची बनाने और उसे फॉर्मेट करने के लिए क्रमांकित सूची आइकन पर क्लिक करें।

छवि अपलोड करें और फ़ाइल अपलोड करें

इमेज अपलोड करने के लिए अपलोड इमेज आइकन पर क्लिक करें।
किसी भी फाइल को अपलोड करने के लिए अपलोड फाइल आइकन पर क्लिक करें।

स्पष्ट स्वरूपण

कॉपी और पेस्ट करने से जो स्टाइल आ गए हों, उन्हें हटाने के लिए क्लियर फॉर्मेटिंग आइकन पर क्लिक करें।

पृष्ठभूमि का रंग

टेक्स्ट/इमेज को हाईलाइट करने के लिए बैकग्राउंड कलर आइकन पर क्लिक करें।

उन्नत टूलबार

अतिरिक्त कार्यक्षमता के लिए:

अधिक पर क्लिक करें उन्नत टूलबार प्रदर्शित करने के लिए आइकन ।

एडवांस्ड टूलबार सेकेंडरी टूलबार के नीचे प्रदर्शित होता है, और इसमें नीचे बताए गए अतिरिक्त विकल्प शामिल हैं।

इंडेंट और क्षैतिज रेखा

टेक्स्ट का इंडेंट कम करने के लिए डिक्रीज इंडेंट आइकन पर क्लिक करें।
टेक्स्ट को इंडेंट करने के लिए 'इंडेंट बढ़ाएँ' आइकन पर क्लिक करें।
क्षैतिज रेखा डालने के लिए क्षैतिज रेखा आइकन पर क्लिक करें।

emojis

इमोजी पर क्लिक करें इमोजी कीबोर्ड खोलने के लिए आइकन पर क्लिक करें।
इमोजी डालने के लिए उस पर क्लिक करें।

विशेष वर्ण

विशेष वर्ण पर क्लिक करें स्पेशल कैरेक्टर पॉप-अप खोलने के लिए आइकन पर क्लिक करें।
किसी विशेष अक्षर को डालने के लिए उस पर क्लिक करें।

उन्नत आइकन

इन्सर्ट/एडिट लिंक आइकन पर क्लिक करें किसी भी यूआरएल का लिंक डालने के लिए।
इन्सर्ट/एडिट मीडिया आइकन पर क्लिक करें किसी भी यूआरएल का लिंक डालने/एम्बेड करने के लिए।
इन्सर्ट/एडिट इक्वेशन आइकन पर क्लिक करें किसी भी यूआरएल का लिंक डालने/एम्बेड करने के लिए।
इन्सर्ट टेम्प्लेट आइकन पर क्लिक करें एक टेम्पलेट डालने के लिए।
सोर्स कोड आइकन पर क्लिक करें वर्तमान पृष्ठ का स्रोत कोड देखने के लिए।
ऑडियो रिकॉर्ड करने वाले आइकन पर क्लिक करें कोर्स पेज में सीधे ऑडियो रिकॉर्ड करने के लिए।
वीडियो रिकॉर्ड करें आइकन पर क्लिक करें कोर्स पेज में सीधे वीडियो रिकॉर्ड करने के लिए।

वेब कॉन्फ्रेंसिंग बनाएं आइकन पर क्लिक करें ड्रॉप-डाउन विकल्पों में से किसी एक का उपयोग करके वेब कॉन्फ्रेंस लिंक बनाएं।

ध्यान दें - आपके प्लेटफॉर्म पर इंस्टॉल किए गए वेब कॉन्फ्रेंसिंग ऐप्स ही प्रदर्शित होंगे।

सर्वोत्तम प्रथाएं

एडिटर का अधिकतम लाभ उठाने के लिए इन सर्वोत्तम तरीकों का उपयोग करें।

नए पैराग्राफ के बजाय लाइन ब्रेक डालने के लिए, Shift + Enter दबाएं।
एचटीएमएल विजेट्स को एम्बेड करते समय, पहले सोर्स कोड में टेक्स्ट विंडो देखें।

व्यू ड्रॉप-डाउन पर क्लिक करें।
स्रोत कोड पर क्लिक करें < > .

फॉर्मेटिंग की त्रुटियों से बचने के लिए तृतीय-पक्ष सामग्री को सादे टेक्स्ट के रूप में पेस्ट करें।
टेबल की सीमाओं को अदृश्य करने के लिए:

टेबल का चयन करें।
टेबल प्रॉपर्टीज़ पर क्लिक करें।
पॉप-अप के जनरल टैब में, बॉर्डर की चौड़ाई को "0" पर सेट करें।
एडवांस्ड टैब में, बॉर्डर स्टाइल को "हिडन" या "नॉन" चुनें।

बानान चेकर

इस एडिटर में एक स्पेल चेकर शामिल है, जो गलत वर्तनी वाले शब्दों को लाल रेखा से चिह्नित करता है। वर्तनी की गलती को सुधारने के लिए:

CTRL दबाएँ + दायाँ माउस क्लिक करें ।
सुझावों की सूची में से सही वर्तनी का चयन करें।

एम्बेडिंग चर

आप {{variable name}} प्रारूप का उपयोग करके पाठ पृष्ठों में चर (variables) एम्बेड कर सकते हैं। इससे आप उपयोगकर्ताओं और पाठ्यक्रमों के लिए सामग्री को अनुकूलित कर सकते हैं।

कंटेंट पेज में निम्नलिखित वेरिएबल्स का उपयोग किया जा सकता है:

{{class_custom_field_1}}
{{class_custom_field_2}}
{{class_finish_date}}
{{कक्षा आईडी}}
{{class_location}}
{{class_name}}
{{class_name_with_link}}
{{class_start_date}}
{{completed_at_utc}}
{{पाठ्यक्रम कोड}}
{{credits}}
{{days_in_class}}
{{दिन शेष}}
{{deactivate_students_after}}
{{organization_id}}
{{संगठन का नाम}}
{{section_code}}
{{जगह का नाम}}
{{site_name_with_url}}
{{शिक्षक का नाम}}
{{teacher_name_with_link}}
{{user_email}}
{{user_first_name}}
{{user_full_name}}
{{user_full_name_with_link}}
{{उपयोगकर्ता पहचान}}
{{user_last_name}}
{{user_prefered_contact_method}}
{{user_ssn}}
{{उपयोगकर्ता पहचान}}
{{क्यों}}

साइजिंग वीडियो

यदि आप एचटीएमएल संपादक में वीडियो को लिंक के रूप में जोड़ते हैं, तो आप इस एचटीएमएल कोड का उपयोग करके इसका आकार निर्धारित कर सकते हैं:

<a width='100' height='700'>लिंक</a>.

यदि आप चाहते हैं कि वीडियो का आकार स्वतः समायोजित हो जाए, तो आप इनमें से किसी एक मान (चौड़ाई या ऊंचाई) को छोड़ सकते हैं।
आप वीडियो का आकार निर्धारित करने के लिए प्रतिशत मानों का भी उपयोग कर सकते हैं, उदाहरण के लिए, <width='100%' >।

छवियों का संपादन

इमेज अपलोड होने के बाद एडिटर इमेज एडिट करने के लिए कई विकल्प प्रदान करता है। इमेज एडिट करने के लिए:

छवि पर क्लिक करें।
विकल्पों की एक सूची दिखाई देती है।

आइकन	विवरण
	छवि को वामावर्त घुमाएँ
	छवि को दक्षिणावर्त घुमाएँ
	छवि को क्षैतिज रूप से पलटें
	छवि को लंबवत पलटें
	छवि सुधारें # क्रॉप इमेज फोटो एडिटर
	छवि गुण संपादित करें

यदि आप "छवि गुण संपादित करें" आइकन का चयन करते हैं, तो "छवि डालें/संपादित करें" पॉप-अप प्रदर्शित होता है।

स्रोत : छवि का स्रोत प्रदर्शित करता है।
वैकल्पिक विवरण : यह विवरण दृष्टिबाधित उपयोगकर्ताओं की सहायता के लिए स्क्रीन रीडर द्वारा पढ़ा जाता है।
चौड़ाई और ऊंचाई : छवि का आकार समायोजित करें।

नोट: छवि की चौड़ाई/ऊंचाई का अनुपात बनाए रखने के लिए लॉक आइकन का उपयोग करें।

नई छवि जोड़ते समय, आप स्क्रीन रीडर के लिए विवरण भी जोड़ सकते हैं:

इमेज डिस्क्रिप्शन फ़ील्ड में विवरण दर्ज करें।

सामग्री टेम्पलेट्स

कंटेंट टेम्प्लेट की मदद से आप HTML के छोटे-छोटे अंशों को रिसोर्स कैटलॉग में सेव कर सकते हैं और फिर भविष्य में उन्हें आसानी से कंटेंट एरिया में डाल सकते हैं। इस सुविधा का उपयोग करके आप उन सामान्य कंटेंट एलिमेंट्स की लाइब्रेरी बना सकते हैं जिनका उपयोग आप अक्सर अपने कंटेंट एरिया में करते हैं।

कंटेंट टेम्प्लेट में HTML का एक अंश जोड़ने के लिए:

एचटीएमएल एडिटर में टेक्स्ट और/या इमेज का चयन करें।
दायाँ माउस क्लिक करें।
टेम्पलेट के रूप में सहेजें चुनें।

टेम्पलेट के लिए एक शीर्षक दर्ज करें।
ओके पर क्लिक करें ।
कंटेंट टेम्प्लेट आपकी पर्सनल लाइब्रेरी में सेव हो जाएगा।

अपने सहेजे गए कंटेंट टेम्प्लेट तक पहुंचने के लिए:

बाईं ओर के नेविगेशन बार से रिसोर्सेज पर क्लिक करें।
फ्लाई-आउट मेनू से कैटलॉग पर क्लिक करें।
खोज पैनल में संसाधन प्रकार > सामग्री टेम्पलेट के आधार पर फ़िल्टर करें।
अपने कंटेंट टेम्प्लेट पर क्लिक करें।

सामग्री टेम्पलेट प्रदर्शित होता है। सामग्री टेम्पलेट के बारे में अधिक जानकारी देखने के लिए:

विवरण पर क्लिक करें।

अब आप सामग्री अनुभाग को अपडेट कर सकते हैं:

सामग्री को संपादित करने के लिए संपादित करें पर क्लिक करें ।
टेम्पलेट को हटाने के लिए डिलीट पर क्लिक करें।

यदि आप एडिट पर क्लिक करते हैं, तो आप सामग्री को अपडेट कर सकते हैं और इसे अन्य उपयोगकर्ताओं के साथ साझा कर सकते हैं।

यदि आप चाहते हैं कि सामग्री टेम्पलेट अन्य उपयोगकर्ताओं के लिए उपलब्ध हो, तो व्यक्तिगत , संगठन या व्यावसायिक लाइब्रेरी का चयन करें।
सामग्री संपादित करने के बाद, सेव पर क्लिक करें।

किसी सेक्शन में कंटेंट टेम्प्लेट की कॉपी डालने के लिए:

इस अनुभाग तक पहुंचें।
दायाँ माउस क्लिक करें।
इन्सर्ट टेम्प्लेट चुनें।
ड्रॉप-डाउन सूची से टेम्पलेट का चयन करें।
सेव पर क्लिक करें।

एचटीएमएल संपादक का उपयोग कैसे करें