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

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

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

पेज एडिटर को एक्सप्लोर करना

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

पेज एडिटर

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

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

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

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

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

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

   <p class="class1">

एचटीएमएल टैग डालकर, कॉन्टेंट बॉडी में कहीं भी एचटीएमएल डाला जा सकता है.

एचटीएमएल टैग के बारे में जानकारी के लिए, HTML5 स्पेसिफ़िकेशन देखें.

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>
आइकॉन नीचे दिया गया कोड, सही का निशान वाला आइकॉन बनाता है. इस्तेमाल किए जा सकने वाले आइकॉन की पूरी सूची देखने के लिए, Material Design - आइकॉन लेख पढ़ें.
<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. लागू करें पर क्लिक करें.

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

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

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

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

पेज मिटाना

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