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

Apigee Edge दस्तावेज़ देखा जा रहा है.
Apigee X दस्तावेज़ पर जाएं. जानकारी

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

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

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

पेज संपादक

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

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

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

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

पिछले बदलाव को पहले जैसा या फिर से करने के लिए, क्रम से Command-z या Command-Shift-z पर क्लिक करें.

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

   <p class="class1">

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

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

ऐंगुलर मटीरियल वाले कॉम्पोनेंट जोड़ें

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. लागू करें पर क्लिक करें.

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

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

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

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

पेज मिटाना

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