पेज एडिटर का इस्तेमाल करके पोर्टल का कॉन्टेंट डेवलप करना

यह Apigee Edge के दस्तावेज़ हैं.
पर जाएं Apigee X के दस्तावेज़ों. info

पेज एडिटर का इस्तेमाल करके, मार्कडाउन या एचटीएमएल का इस्तेमाल करके पोर्टल का कॉन्टेंट तय किया जा सकता है.

पेज एडिटर के बारे में जानकारी

अपने पोर्टल में पेजों को मैनेज करने के तरीके में बताए गए तरीके के मुताबिक, पेजों की सूची देखते समय किसी पेज के नाम पर क्लिक करके, पेज एडिटर का ऐक्सेस पाया जा सकता है.

जैसा कि पिछली इमेज में हाइलाइट किया गया है, पेज एडिटर की मदद से ये काम किए जा सकते हैं:

• बाईं ओर मौजूद पैनल में, पोर्टल के कॉन्टेंट में बदलाव करना और Angular Material कॉम्पोनेंट जोड़ना
• फ़ॉर्मैट लागू करने या मार्कडाउन टैग तुरंत जोड़ने के लिए, तुरंत बदलाव करने वाले टूलबार का इस्तेमाल करना
• दाईं ओर मौजूद पैनल में, पेज की जानकारी में बदलाव करना. जैसे, नाम, पाथ, और ब्यौरा
• दाईं ओर मौजूद पैनल में, किसी पेज की विज़िबिलिटी मैनेज करना
• पोर्टल के कॉन्टेंट की झलक देखना
• किसी पेज को पब्लिश या अनपब्लिश करना (पोर्टल का कॉन्टेंट पब्लिश करना लेख देखें)
• अपने नेविगेशन मेन्यू में पेज को मैनेज करना (नेविगेशन सेट अप करना लेख देखें)
• पेज को पिछली बार पब्लिश किए जाने के बाद से बीता समय देखना
• पेज मिटाना

पेज एडिटर में कॉन्टेंट में बदलाव करना

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

पेज एडिटर में सबसे ऊपर मौजूद तुरंत बदलाव करने वाले टूलबार में, फ़ॉर्मैट लागू करने (जैसे, बोल्ड, इटैलिक वगैरह) या मार्कडाउन टैग (जैसे, सूचियां, इमेज, लिंक वगैरह) जोड़ने के शॉर्टकट मौजूद होते हैं. मार्कडाउन सिंटैक्स की खास जानकारी देखने के लिए, तुरंत बदलाव करने वाले टूलबार में मौजूद पर क्लिक करें. इससे, मार्कडाउन सिंटैक्स का क्विक रेफ़रंस दिखेगा.

पिछली बार किए गए बदलाव को वापस लाने या फिर से करने के लिए, क्रमशः Command-z या Command-Shift-z पर क्लिक करें.

अगर आपको फ़ॉर्मैटिंग का वर्कफ़्लो आसान रखना है, तो मार्कडाउन का इस्तेमाल करने का सुझाव दिया जाता है. हालांकि, इसका मकसद एचटीएमएल की जगह लेना नहीं है. एचटीएमएल में फ़ॉर्मैटिंग के कई ऐसे विकल्प मौजूद हैं जो मार्कडाउन में उपलब्ध नहीं हैं. उदाहरण के लिए, एचटीएमएल में किसी एलिमेंट के लिए सीएसएस क्लास तय की जा सकती है. हालांकि, मार्कडाउन में ऐसा नहीं किया जा सकता:

   <p class="class1">

कॉन्टेंट के मुख्य हिस्से में कहीं भी एचटीएमएल टैग डालकर, एचटीएमएल जोड़ा जा सकता है.

एचटीएमएल टैग के बारे में जानकारी के लिए, एचटीएमएल5 की खास जानकारी देखें.

Angular Material कॉम्पोनेंट जोड़ना

Angular Material, यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट की एक आधुनिक लाइब्रेरी उपलब्ध कराता है. Angular Material कॉम्पोनेंट की मदद से, आधुनिक डिज़ाइन के सिद्धांतों का इस्तेमाल करके, आसानी से और तेज़ी से एक जैसे, रिस्पॉन्सिव, और ऐक्सेस किए जा सकने वाले यूज़र इंटरफ़ेस बनाए जा सकते हैं.

उपलब्ध कॉम्पोनेंट

पोर्टल का अनुभव, Angular Material का इस्तेमाल करके बनाया जाता है. साथ ही, पेजों में Angular Material कॉम्पोनेंट के सीमित सेट का इस्तेमाल किया जा सकता है. इसकी खास जानकारी, यहां दी गई टेबल में दी गई है.

<a mat-raised-button 
   href="quickstart">
   Quick Start
</a>

<button mat-icon-button
   color="warn">
   <mat-icon aria-label="Example warning">warning</mat-icon>
</button>

<mat-card 
   href="apis">
   <mat-card-header 
      color="primary">
         <mat-icon>
            class
         </mat-icon>
         <h1>
            APIs
         </h1>
   </mat-card-header>
   <mat-card-content>
      <p class="home-page-card-content-text">
         Learn about and try our APIs.
      </p>
   </mat-card-content>
   <mat-card-actions>
      <button mat-button>
          View APIs
      </button>
   </mat-card-actions>
</mat-card>

<mat-icon>
   check_circle
</mat-icon>

<mat-toolbar color="primary">
   <span>My Store</span>
   <span class="space-buffer"></span>
   <mat-icon>add_shopping</mat-icon>
</mat-toolbar>

अपने पोर्टल में किसी पेज की विज़िबिलिटी मैनेज करना

अपने पोर्टल में किसी पेज की विज़िबिलिटी मैनेज करने के लिए, इन लोगों को ऐक्सेस दें:

• पब्लिक (सभी लोगों को दिखे)
• पुष्टि किए गए उपयोगकर्ता
• चुनी गई ऑडियंस (अगर आपने ऑडियंस की सुविधा के बीटा वर्शन के लिए साइन अप किया है)

अपने पोर्टल में किसी पेज की विज़िबिलिटी मैनेज करने के लिए:

1. पेज एडिटर के दाईं ओर मौजूद पैनल में, ऑडियंस के बगल में मौजूद मैनेज करें पर क्लिक करें.
2. विज़िबिलिटी की सेटिंग चुनें. अगर आपने ऑडियंस की सुविधा के बीटा वर्शन के लिए साइन अप किया है, तो इनमें से कोई एक विकल्प चुनें:
   • पब्लिक (सभी लोगों को दिखे) , ताकि सभी उपयोगकर्ता पेज देख सकें.
   • पुष्टि किए गए उपयोगकर्ता , ताकि सिर्फ़ रजिस्टर किए गए उपयोगकर्ता पेज देख सकें.
   • चुनी गई ऑडियंस , ताकि उन खास ऑडियंस को चुना जा सके जिन्हें आपको पेज दिखाने हैं. अपने पोर्टल के लिए ऑडियंस मैनेज करना लेख देखें.अपनी ऑडियंस को मैनेज करने के लिए, ऑडियंस बनाएं या उनमें बदलाव करें पर क्लिक करें.
     
   
   इसके अलावा, इनमें से कोई एक विकल्प चुनें:
   • अज्ञात उपयोगकर्ता , ताकि सभी उपयोगकर्ता पेज देख सकें.
   • रजिस्टर किए गए उपयोगकर्ता , ताकि सिर्फ़ रजिस्टर किए गए उपयोगकर्ता पेज देख सकें.
3. लागू करें पर क्लिक करें.

पोर्टल के कॉन्टेंट की झलक देखना

पोर्टल के कॉन्टेंट की झलक देखने के लिए, पेज एडिटर के टूलबार में झलक देखें पर क्लिक करें. अपनी ज़रूरत के हिसाब से, कॉन्टेंट की झलक देखने के लिए, अपने पोर्टल में मौजूद अन्य पेजों पर जाएं.

पोर्टल का कॉन्टेंट पब्लिश करना

पोर्टल का कॉन्टेंट पब्लिश करने के लिए, दाईं ओर मौजूद पैनल में पब्लिश करें पर क्लिक करें. पोर्टल के कॉन्टेंट को अनपब्लिश करने के लिए, दाईं ओर मौजूद पैनल में अनपब्लिश करें पर क्लिक करें. पोर्टल का कॉन्टेंट पब्लिश करना लेख भी देखें.

पेज मिटाना

पोर्टल एडिटर से कोई पेज मिटाने के लिए, पेज एडिटर के दाईं ओर मौजूद पैनल में मिटाएं पर क्लिक करें. कार्रवाई की पुष्टि करने के लिए कहा जाएगा.