Drupal/C2/Editing-Existing-Content/Hindi

Time	Narration
00:01	Editing Existing Content पर स्पोकन ट्यूटोरियल में आपका स्वागत है।
00:06	इस ट्यूटोरिल में हम सीखेंगे inline editing
00:10	CKEditor का उपयोग और
00:12	CKEditor को कंफिगर करना
00:15	इस ट्यूटोरियल को रिकॉर्ड करने के लिए मैं उबंटु ऑपरेटिंग सिस्टम Drupal 8 और Firefox वेब ब्राउजर का उपयोग कर रही हूँ।
00:24	आप अपनी पसंद के अनुसार किसी भी वेब ब्राउजर का उपयोग कर सकते हैं।
00:28	अपनी वेबसाइट खोलें, जिसे हमने पहले बनाया है।
00:32	पहले हम, Inline Editing के बारे में सीखेंगे।
00:36	Title पर कर्सर ले जाएँ। दाईं ओर, हम एक pencil आइकन देखेंगे।
00:43	जब हम Title पर जाते हैं, तो यह हमें block को कंफिगर करने के लिए पूछता है।
00:48	Configure block पर क्लिक करें। block पेज टाइटल के लिए सामान्य ब्लॉक है।
00:54	इसको बदलने पर, प्रत्येक node में पेज टाइटल्स के प्रदर्शन का तरीका बदल जायेगा।
00:59	Go back to site पर क्लिक करें। pencil पर कर्सर ले जाएं और Configure block पर क्लिक करें।
01:06	यदि आप टैब्स बदलना चाहते हैं, तो आप उन्हें यहाँ बदल सकते हैं।
01:10	मैं इसे ऐसे ही रखूंगी।
01:13	Back to site पर क्लिक करें।
01:16	अब Content area में pencil पर क्लिक करें।
01:20	आप तीन ऑप्शन्स देखेंगे- Quick edit, Edit और Delete.
01:25	Quick edit inline window में front end एडिटिंग है।
01:29	Edit node के लिए, हमें मैन एडिटिंग विंडो पर वापस ले जाता है।
01:33	Delete कंफरमेशन के बाद node को डिलीट करेगा।
01:37	inline fashion में अपने node को एडिट करने के लिए Quick edit पर क्लिक करें।
01:41	यह हमें, व्यक्तिगत node के विभिन्न भागों में ले जाता है।
01:47	जब हम इस पर क्लिक करते हैं, तो हम अधिक कंटेंट जोडने में सोर्स को देखने में और यहाँ तक कि कुछ टेक्स्ट को बॉल्ड करने में सक्षम होते हैं।
01:53	हमारे द्वारा बदलाव करने पर, Drupal हमें सेव करने के लिए कहता है। node को अपडेट करने के लिए Save पर क्लिक करें।
02:00	अब, Welcome to Drupalville नामक article node को बदलना सीखते हैं।
02:06	Quick edit पर क्लिक करें। ध्यान दें कि यहाँ front end में Title और body फिल्ड्स एडिट करने योग्य हैं।
02:14	लेकिन हम इमैज को एडिट नहीं कर सकते हैं।
02:17	इमैज को एडिट करने के लिए, हमें एडिट स्क्रीन पर पर जाने की आवश्यकता है।
02:22	अब हम body में बदलाव कर सकते हैं और इसे save सकते हैं।
02:26	मैं Quick edit विंडो में tags को भी एडिट कर सकता हूँ।
02:30	Drupal में front end एडिटिंग सामान्य एडिटिंग के लिए योग्य है।
02:34	कंटेंट को किसी भी समय अपडेट करने के लिए, Edit टैब Drupal का एक बहुत अच्छा फीचर है।
02:40	Wysiwyg एडिटर पहले कई बार उल्लेखित किया गया है।
02:44	इसका अर्थ है what you see is what you get
02:48	Wysiwyg एडिटर काफी उपयोगी है।
02:52	Text Format को Full HTML में बदलें।
02:58	यह हमें Wysiwyg एडिटर में उपलब्ध फॉर्मेंटिंग ऑप्शन्स के बारे में बतायेगा।
03:04	Drupal, में CKEditor Drupal core के साथ आता है।
03:09	यह डिफॉल्ट रूप से ऑन रहता है और यह कंफिगर करने के योग्य है।
03:14	एक नजर डालें। "Welcome to our site" टेक्स्ट को हाईलाइट करें।
03:20	फॉर्मेट को Normal से Heading 2 में बदलें।
03:24	तुरंत, Drupal एक प्रीव्यू देता है कि टेक्स्ट कैसा दिखेगा।
03:30	यह theme और cascading style sheets या CSS द्वारा निर्धारित है, जो कि हमें थीम देता है।
03:38	यहाँ कुछ और टेक्स्ट जोडें, “Editing Drupal nodes is really fun!”
03:44	अब उस टेक्स्ट को हाईलाइट करें, Italics को ऑफ करें और टेक्स्ट के लिए hyperlink बनाएं।
03:52	यहाँ दर्शाता है, http://drupal.org/ Save पर क्लिक करें।
04:00	माउस घुमाएं और देखें कि टेक्स्ट अब hyperlinked हो गया है।
04:04	hyperlink को हटाने के लिए, टेक्स्ट को हाईलाइट करें और Unlink पर क्लिक करें।
04:10	बदलाव को अंडु करने के लिए Ctrl+Z दबाएँ।
04:14	हम यहाँ Bullets और numbering आइकन्स पर क्लिक करके, ordered और unordered सूची को भी जोड सकते हैं।
04:21	Unordered list पर क्लिक करें। फिर बुलेट्स - one, two, three जोडें।
04:28	अब Ordered list पर क्लिक करें और one, two और three जोडें।
04:34	Block quotes का उपयोग करने के लिए, कुछ टेक्स्ट हाईलाइट करें और Block Quote लिंक पर क्लिक करें।
04:40	फिर से, फॉर्मेटिंग हमारे theme द्वारा प्रबंधित है।
04:46	हम आसानी से इमैज भी प्रविष्ट कर सकते हैं। मैंने इस फाइल को चुना, जिसे मैंने पहले node में अपलोड किया था।
04:56	Alternate Text फिल्ड में, मैं “Drupal Logo” टाइप करूँगी।
05:02	Align में, मैं Right चुनूंगी। यदि आप चाहते हैं तो एक Caption जोडें।
05:08	आखिर में Save पर क्लिक करें।
05:12	यह अब body के अंदर node में जुड गया है। इमैज पर जाएँ, क्लिक करें और इसे सही पोजिशन पर ड्रैग करें, यदि आप चाहते हों ।
05:22	हमें पहले, थोडा अपने एडिटिंग विंडो का साइज बदलना होगा, ताकि हम अपनी इमैज को जरूरत अनुसार कहीं भी ड्रैग कर सकें।
05:30	इमैज पर कर्सर घुमाना, हमें अपनी इमैजेस के साइज को बदलने की अनुमति देता है।
05:36	Drupal node में इमैजेस जोडने से पहले, सुनिश्चित कर लें कि आपकी इमैजेस सही साइज और फॉर्मेट की हुई हों।
05:43	यह node पर कंटेंट को अलाइन करने में काफी मदद करेगा।
05:47	हम एक table या horizontal line जोड सकते हैं।
05:51	और blocks दिखा सकते हैं जो हमने अपने node में बनाये हैं।
05:55	अत:, यहाँ है H2 block, block code, paragraph, tag आदि।
06:01	यदि आप HTML को जानते हैं, तो आप इस icon पर क्लिक करके source को देख सकते हैं।
06:07	आगे बढने से पहले इन प्रत्येक ऑप्शन्स को देख लें।
06:12	ध्यान दें कि हमने Full HTML ऑन किया है।
06:16	यदि हम इसे Basic HTML, में बदलते हैं, तो यह हमें चैतावनी देता है।
06:21	यहाँ कंटेंट के हमेशा के लिए मिटने या डिलीट होने की संभावना है।
06:26	हमने JavaScript, I-frame, youtube video, google map या कुछ इस तरह प्रविष्ट किया है।
06:33	Basic HTML में बदलने के कारण Drupal इस कंटेंट को हटा देगा।
06:38	इस तरह की समस्याओं को नजर अंदाज करने के लिए, केवल वही रखें जिसकी आपको वास्तविक रूप से आवश्यकता है।
06:43	सैटिंग में बदलावों को निरस्त करें, तो हम कुछ भी नहीं खोयेंगे।
06:48	यह CKEditor का त्वरित अवलोकन है, जो Drupal में आता है।
06:52	और हमने सीखा कि इसे कस्टमाइज कैसे करें।
06:55	अब Save and keep published पर क्लिक करें।
06:58	संशोधित node प्रदर्शित होता है।
07:01	अब CKEditor को कंफिगर करना सीखते हैं।
07:05	ऊपर Configuration पर क्लिक करें।
07:09	अब Text formats and editors पर क्लिक करें।
07:13	हम देखेंगे कि Basic HTML और Full HTML CKEditor. का उपयोग करता है।
07:19	और, ये Authenticated User और Administrator को असाइन होते हैं।
07:24	यहाँ दो यूनिक user roles हैं।
07:27	Drupal, में, हमारे यूजर के भिन्न रोल्स होते हैं और प्रत्येक रोल्स को पर्मिशन दी गई होती है।
07:34	यहाँ Authenticated user और Administrator द्वारा Basic HTML उपयोग किया जा सकता है।
07:41	CKEditor को इन 2 रोल्स के लिए असाइन किया गया है।
07:45	उसीतरह, Full HTML को एक Administrator द्वारा उपयोग किया जा सकता है।
07:50	अब Basic HTML के लिए CKEditor को चैक करें।
07:54	Configure पर क्लिक करें और आप इसको भिन्न रोल्स के लिए असाइन करने में सक्षम होंगे।
07:59	किसी भी Text editor को असाइन करें, जो आप चाहते हैं। और बटन्स के लिए उन्हें पर्मिशन दें, जो उन्हें उपयोग करने की अनुमति देते हैं।
08:07	ध्यान दें यह Basic HTML Text Format में Authenticated User के लिए Active toolbar है।
08:15	क्या, यदि हम अपने Active toolbar में इन बटन्स में से एक को जोडना चाहते हैं? यह बहुत आसान है।
08:21	Available buttons से Paste from Word आइकन चुनें।
08:26	फिर माउस को क्लिक करें और तब तक ड्रैग करें, जब तक कि एक नीले रंग का बॉक्स नहीं खुलता है, जहाँ हम आइकन जोड सकते हैं।
08:33	नया ग्रुप जोडने के लिए Add group बटन पर क्लिक करें। इसको “copy and paste” नाम दें और Apply पर क्लिक करें।
08:41	अब, Paste from Word आइकन को copy and paste सेक्शन में क्लिक और ड्रैग करें।
08:47	अब सभी paste icons को यहाँ जोडें।
08:51	तो हमने अपने Basic HTML format के लिए अपने बार में तीन नयें बटन्स जोड दिये हैं।
08:57	Paste icons वे हैं जिनकी प्रत्येक टूलबार में आवश्यकता होती है, क्योंकि अधिकतर टेक्स्ट फाइल्स से कॉपी पेस्ट होता है।
09:04	हम inline-images भी अपलोड करेंगे। और किसी भी चौडाई और ऊँचाई के साथ अधिकतम 32MB साइज की फाइल अपलोड करेंगे।
09:14	आपके इंस्टॉलेशन में अधिकतम साइज भिन्न हो सकता है।
09:18	हम अपने प्राथमिकता के आधार पर यहाँ कोई भी सैटिंग बदल सकते हैं।
09:23	हम हमेशा URL को link, में बदलना चाहते हैं, लिंक स्वयं करने के बजाय।
09:29	हम यह Convert URLs into links ऑप्शन पर क्लिक करके कर सकते हैं।
09:34	यहाँ हमारे पास Filter settings भी है। Limit allowed HTML tags पर क्लिक करें।
09:41	अब हम HTML tags जोडने में सक्षम होंगे। जिसे हम उपयोग कर सकते हैं, जब हम सोर्स पर देखते हैं।
09:47	अत: यह वास्तव में प्रभावशाली WYSIWYG editor है और यह कंफिगिरेशन भाग है।
09:54	अपने सभी बदलाव करने के बाद Save configuration बटन पर क्लिक करें।
09:59	अब अपना Content देखते हैं।
10:02	Welcome to Drupalville node में Edit ऑप्शन पर क्लिक करें।
10:07	ध्यान दें कि क्योंकि हमने Full HTML ऑन किया है, इसलिए कुछ भी नहीं बदला है।
10:12	अब इसे Basic HTML में बदलें। सभी बदलाव यहाँ मौजूद हैं।
10:18	हालांकि मैं अब अपने blocks नहीं देख सकती, Paste icons उपलब्ध हैं।
10:23	मैं इस इमैज को यहाँ नहीं चाहती हूँ। तो मैं इमैज पर क्लिक करके और इसे कीबोर्ड पर Backspace या Delete की दबाकर डिलीट करूँगी।
10:32	Save and keep published पर क्लिक करें।
10:35	फिर से Configuration पर क्लिक करें। नीचे स्क्रोल करें औऱ Text formats and editor पर क्लिक करें।
10:43	इस समय हम Full HTML toolbar कंफिगर करते हैं।
10:47	ध्यान दें कि हमें यहाँ कुछ अधिक बटन्स मिले हैं किंतु Paste icons नहीं मिला।
10:52	Show group names पर क्लिक करें और अब दूसरी लाइन में Add group पर क्लिक करें।
10:57	इसे “copy and paste” नाम दें। अब हम इसे अपने copy and paste सेक्शन में ड्रैग और पेस्ट करेंगे।
11:05	इसी प्रकार यहाँ नीचे, हमारे पास ये सभी ऑप्शन्स फिर से हैं। अभी के लिए, Save configuration बटन पर क्लिक करें।
11:13	फिर से अपने Welcome to Drupalville पर जाएँ। और इसे Full HTML में बदलें।
11:18	Continue पर क्लिक करें और अब, हम बटन्स की दो पंक्तियाँ देखते हैं।
11:23	इसका मतलब है कि हमारा एडिटर सेट हो गया है।
11:26	CKEditor, पर कुछ समय काम करें और सुनिश्चत कर लें कि आप इसे अच्छी तरह से समझ गए हैं।
11:32	इसी के साथ हम इस ट्यूटोरियल के अंत में पहुँच गए है। संक्षेप में...
11:37	इस ट्यूटोलियल में हमने सीखा Inline editing CKEditor का उपयोग और CKEditor को कंफिगर करना
11:50	यह वीडियो Acquia और OS ट्रेनिंग से लिया गया है और स्पोकन ट्यूटोरियल प्रोजेक्ट, आईआईटी बॉम्बे द्वारा संशोधित किया गया है।
11:59	इस लिंक पर उपलब्ध वीडियो, स्पोकन ट्यूटोरियल प्रोजेक्ट को सारांशित करता है। कृपया इसे डाउनलोड करके देखें।
12:06	स्पोकन ट्यूटोरियल प्रोजेक्ट टीम कार्यशालाएं चलाती है और प्रमाणपत्र देती है। अधिक जानकारी के लिए, हमें लिखें।
12:13	स्पोकन ट्यूटोरियल प्रोजेक्ट NMEICT, मानव संसाधन विकास मंत्रायल और NVLI, संस्कृति मंत्रालय, भारत सरकार द्वारा निधिबद्ध है।
12:25	यह स्क्रिप्ट बिंदु पांडे द्वारा अनुवादित है। आईआईटी बॉम्बे की ओर से मैं श्रुति आर्य अब आपसे विदा लेती हूँ। धन्यवाद...

Contributors and Content Editors

Devraj, Sakinashaikh, Shruti arya