Mengembangkan konten portal menggunakan editor halaman

Halaman ini berlaku untuk Apigee dan Apigee Hybrid.

Baca dokumentasi Apigee Edge.

Dengan menggunakan editor laman, Anda 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

Seperti yang disoroti dalam gambar sebelumnya, editor halaman memungkinkan Anda:

Mengedit konten di editor halaman

{i>Markdown<i} adalah bahasa pemformatan sederhana yang menggunakan {i>markup teks<i} biasa yang mudah dibaca dan ditulis. {i>Syntax<i}-nya ditentukan dengan menggunakan karakter tanda baca. Markdown dikonversi ke HTML sebelum merender di browser Anda.

Toolbar edit cepat di bagian atas editor halaman menyediakan pintasan untuk menerapkan format (seperti tebal, miring, dan sebagainya) atau memasukkan tag Markdown (seperti daftar, gambar, link, dan sebagainya). Untuk ringkasan singkat tentang sintaksis Markdown, klik Ikon Markdown di toolbar edit cepat untuk melihat Referensi cepat sintaksis Markdown.

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

Markdown direkomendasikan jika ingin menjaga alur kerja pemformatan tetap sederhana. Namun, ini tidak dimaksudkan untuk menggantikan HTML. Ada berbagai format yang dapat Anda lakukan dalam HTML yang tidak dapat Anda lakukan di Markdown. Misalnya, Anda dapat menentukan kelas CSS untuk elemen dalam HTML; Anda tidak dapat melakukannya di Markdown: 

   <p class="class1">

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

Untuk informasi tentang tag HTML, lihat spesifikasi HTML5.

Menambahkan komponen Material Angular

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

Komponen yang tersedia

Pengalaman portal di-build menggunakan Material Angular, dan serangkaian komponen Material Angular terbatas dapat digunakan di halaman, yang dirangkum dalam tabel berikut.

Komponen Contoh
Tombol Kode berikut membuat tombol persegi panjang dengan elevasi.
<a mat-raised-button 
   href="quickstart">
   Quick Start
</a>

Kode berikut membuat tombol lingkaran dengan latar belakang transparan yang menyertakan ikon peringatan. Warna tombol ditentukan menggunakan palet warna peringatan.

<button mat-icon-button
   color="warn">
   <mat-icon aria-label="Example warning">warning</mat-icon>
</button>
Card Kode berikut akan membuat sebuah kartu. Kartu ini berisi komponen tombol dan ikon, serta judul dan teks isi. Warna tombol ditentukan menggunakan palet warna primer.

<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>
Ikon Kode berikut membuat ikon tanda centang. Untuk daftar lengkap ikon yang didukung, lihat Desain Material - Ikon.
<mat-icon>
   check_circle
</mat-icon>
Toolbar Kode berikut membuat {i>toolbar<i} sederhana dengan teks dan ikon keranjang belanja. 
<mat-toolbar color="primary">
   <span>My Store</span>
   <span class="space-buffer"></span>
   <mat-icon>add_shopping</mat-icon>
</mat-toolbar>

Mengelola visibilitas untuk halaman di portal Anda

Kelola visibilitas halaman di portal Anda dengan mengizinkan akses ke:

Untuk mengelola visibilitas halaman di portal Anda:

  1. Klik Manage di samping audiens di panel kanan editor halaman.
  2. Pilih setelan visibilitas. Jika Anda telah mendaftar dalam rilis beta fitur audiens, pilih salah satu opsi berikut:
    • Publik (terlihat oleh siapa saja) untuk memungkinkan semua pengguna melihat halaman.
    • Pengguna yang diautentikasi untuk hanya mengizinkan pengguna terdaftar yang melihat halaman.
    • Audiens yang dipilih untuk memilih audiens tertentu yang Anda inginkan agar dapat melihat halaman Anda. Lihat Mengelola audiens untuk portal Anda.
      Untuk mengelola audiens, klik Buat atau ubah audiens.

    Jika tidak, pilih salah satu opsi berikut:
    • Pengguna anonim untuk mengizinkan semua pengguna melihat halaman.
    • Pengguna terdaftar untuk hanya mengizinkan pengguna terdaftar yang melihat halaman.
  3. Klik Terapkan.

Melihat pratinjau konten portal

Untuk melihat pratinjau konten portal, klik Pratinjau di toolbar editor halaman. Navigasi halaman lain di portal Anda untuk melihat pratinjau konten, sesuai keinginan.

Memublikasikan konten portal

Untuk memublikasikan konten portal, klik Publikasikan di panel kanan. Untuk membatalkan publikasi konten portal, klik Batalkan publikasi di panel kanan. Lihat juga Memublikasikan konten portal.

Menghapus halaman

Untuk menghapus halaman dari editor portal, klik Hapus di panel kanan editor halaman. Anda akan diminta untuk mengonfirmasi operasi.