พัฒนาเนื้อหาพอร์ทัลโดยใช้โปรแกรมแก้ไขหน้าเว็บ

คุณกำลังดูเอกสารประกอบของ Apigee Edge
ไปที่เอกสารประกอบของ Apigee X
ข้อมูล

เมื่อใช้เครื่องมือแก้ไขหน้าเว็บ ให้กําหนดเนื้อหาพอร์ทัลโดยใช้มาร์กดาวน์หรือ HTML

สำรวจเครื่องมือแก้ไขหน้า

เข้าถึงเครื่องมือแก้ไขหน้าเว็บโดยคลิกชื่อหน้าเมื่อดูรายการหน้าเว็บตามที่อธิบายไว้ในจัดการหน้าเว็บในพอร์ทัล

ตัวแก้ไขหน้า

ดังที่ไฮไลต์ในรูปก่อนหน้า เครื่องมือแก้ไขหน้าเว็บจะช่วยให้คุณทําสิ่งต่อไปนี้ได้

การแก้ไขเนื้อหาในเครื่องมือแก้ไขหน้า

Markdown เป็นภาษาการจัดรูปแบบง่ายๆ ที่ใช้มาร์กอัปข้อความธรรมดาที่ทั้งอ่านและเขียนง่าย ไวยากรณ์ระบุโดยใช้อักขระเครื่องหมายวรรคตอน มาร์กดาวน์จะแปลงเป็น HTML ก่อนแสดงผลในเบราว์เซอร์

แถบเครื่องมือแก้ไขด่วนที่ด้านบนของเครื่องมือแก้ไขหน้าเว็บมีทางลัดสำหรับการใช้รูปแบบ (เช่น ตัวหนา ตัวเอียง และอื่นๆ) หรือการแทรกแท็กมาร์กดาวน์ (เช่น รายการ รูปภาพ ลิงก์ และอื่นๆ) คลิก ไอคอนมาร์กดาวน์ ในแถบเครื่องมือการแก้ไขด่วนเพื่อดูข้อมูลอ้างอิงด่วนสำหรับไวยากรณ์ของมาร์กดาวน์เพื่อสรุปคร่าวๆ เกี่ยวกับไวยากรณ์ของมาร์กดาวน์

หากต้องการเลิกทำหรือทำซ้ำการแก้ไขล่าสุด ให้คลิก Command-z หรือ Command-Shift-z ตามลำดับ

เราขอแนะนำให้ใช้มาร์กดาวน์หากต้องการให้เวิร์กโฟลว์การจัดรูปแบบเรียบง่าย อย่างไรก็ตาม ไม่ได้มีไว้เพื่อแทนที่ HTML คุณจะจัดรูปแบบ HTML ใน HTML ได้หลายรูปแบบ แต่ทำในมาร์กดาวน์ไม่ได้ เช่น คุณระบุคลาส CSS สำหรับองค์ประกอบใน HTML ได้ แต่จะทำในมาร์กดาวน์ไม่ได้

   <p class="class1">

คุณสามารถแทรก HTML ไว้ที่ใดก็ได้ภายในเนื้อหาเนื้อหา เพียงแค่ป้อนแท็ก HTML

ดูข้อมูลเกี่ยวกับแท็ก HTML ได้ที่ข้อกำหนด HTML5

เพิ่มคอมโพเนนต์ของ Angular Material

Angular Material มีไลบรารีคอมโพเนนต์ UI ที่ล้ำสมัย คอมโพเนนต์ของ 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 - ไอคอน
<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. คลิกใช้

แสดงตัวอย่างเนื้อหาของพอร์ทัล

หากต้องการดูตัวอย่างเนื้อหาของพอร์ทัล ให้คลิกแสดงตัวอย่างในแถบเครื่องมือของเครื่องมือแก้ไขหน้าเว็บ ไปยังหน้าอื่นๆ ในพอร์ทัลเพื่อดูตัวอย่างเนื้อหาตามต้องการ

การเผยแพร่เนื้อหาของพอร์ทัล

คลิกเผยแพร่ในแผงด้านขวาเพื่อเผยแพร่เนื้อหาของพอร์ทัล หากต้องการยกเลิกการเผยแพร่เนื้อหาของพอร์ทัล ให้คลิกยกเลิกการเผยแพร่ในแผงด้านขวา โปรดดูเพิ่มเติมที่การเผยแพร่เนื้อหาพอร์ทัลของคุณ

ลบหน้า

หากต้องการลบหน้าออกจากเครื่องมือแก้ไขพอร์ทัล ให้คลิกลบในแผงด้านขวาของเครื่องมือแก้ไขหน้า ระบบจะแจ้งให้ยืนยันการดำเนินการ