Mengembangkan konten portal menggunakan editor halaman

Halaman ini berlaku untuk Apigee dan Apigee Hybrid.

Lihat dokumentasi Apigee Edge.

Dengan menggunakan editor halaman, Anda dapat menentukan konten portal menggunakan Markdown atau HTML.

Menjelajahi editor halaman

Akses editor halaman dengan mengklik nama halaman saat melihat daftar halaman, seperti yang dijelaskan dalam Mengelola halaman di portal Anda.

Editor halaman akan terbuka:

Editor halaman memungkinkan Anda:

• Edit konten portal dan tambahkan komponen Angular Material di panel kiri
• Gunakan toolbar edit cepat untuk menerapkan format atau menyisipkan tag Markdown dengan cepat
• Edit detail halaman, seperti nama, jalur, dan deskripsi, di panel kanan
• Mengelola visibilitas halaman di panel kanan
• Melihat pratinjau konten portal
• Memublikasikan atau membatalkan publikasi halaman (lihat Memublikasikan konten portal Anda)
• Mengelola halaman di menu navigasi Anda (lihat Menyiapkan navigasi)
• Melihat jumlah waktu sejak halaman terakhir dipublikasikan
• Menghapus halaman

Mengedit konten di editor halaman

Markdown adalah bahasa pemformatan sederhana yang menggunakan markup teks biasa yang mudah dibaca dan ditulis. Sintaksisnya ditentukan menggunakan karakter tanda baca. Markdown dikonversi menjadi HTML sebelum dirender di browser Anda.

Toolbar edit cepat di bagian atas editor halaman menyediakan pintasan untuk menerapkan format (seperti tebal, miring, dan sebagainya) atau menyisipkan tag Markdown (seperti daftar, gambar, link, dan sebagainya).

Untuk ringkasan cepat sintaks Markdown, di toolbar edit cepat:

Referensi cepat sintaks Markdown ditampilkan.

Untuk mengurungkan atau mengulangi pengeditan terakhir, tekan Command+z atau Command+Shift+z.

Markdown direkomendasikan jika Anda ingin menyederhanakan alur kerja pemformatan. Namun, CSS tidak dimaksudkan untuk menggantikan HTML. Ada berbagai macam pemformatan yang dapat Anda lakukan di HTML yang tidak dapat Anda lakukan di Markdown. Misalnya, Anda dapat menentukan class CSS untuk elemen di HTML; Anda tidak dapat melakukannya di Markdown:

   <p class="class1">

Anda dapat menyisipkan HTML di mana saja dalam isi konten hanya dengan memasukkan tag HTML.

Untuk mengetahui informasi tentang tag HTML, lihat spesifikasi HTML5.

Menambahkan komponen Angular Material

Angular Material menyediakan library komponen UI canggih. Komponen Angular Material memungkinkan Anda membuat antarmuka pengguna yang konsisten, responsif, dan dapat diakses dengan cepat dan mudah menggunakan prinsip desain modern.

Komponen yang tersedia

Pengalaman portal dibuat menggunakan Angular Material, dan sejumlah kecil komponen Angular Material dapat digunakan di halaman, yang diringkas dalam tabel berikut.

<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>

Mengelola visibilitas halaman di portal Anda

Mengelola visibilitas halaman di portal Anda dijelaskan dalam Mengelola visibilitas halaman di portal Anda.

Melihat pratinjau konten portal

Untuk melihat pratinjau konten portal:

1. Akses editor halaman seperti yang dijelaskan dalam Mengelola halaman di portal Anda.

2. Lihat pratinjau halaman.

   UI Konsol Cloud

   1. Klik Simpan.
   2. Klik Pratinjau.

   UI Klasik

   1. Klik Pratinjau di toolbar editor halaman.
   2. Buka halaman lain di portal Anda untuk melihat pratinjau konten, sesuai keinginan.

Memublikasikan konten portal

Memublikasikan dan membatalkan publikasi konten portal dijelaskan di Memublikasikan konten portal.

Menghapus halaman

Menghapus halaman dari portal dijelaskan dalam Menghapus halaman dari portal Anda.