Gutenberg: Tingkatkan alur untuk melihat pratinjau halaman/postingan yang belum disimpan

Dibuat pada 20 Okt 2017  ·  3Komentar  ·  Sumber: WordPress/gutenberg

Ikhtisar Masalah

Jika Anda memuat konten demo dan menekan Pratinjau sebelum konten disimpan, Anda mendapatkan tab baru kosong pada URL about:blank , yang berada di sana selama beberapa detik, dan kemudian mengarahkan Anda ke pratinjau.

Apa yang terjadi di latar belakang adalah segera setelah Anda menekan pratinjau, kami sebenarnya menyimpan konten, tetapi kami juga membuka tab browser tempat pratinjau akhirnya akan dimuat.

Namun, masa tunggunya agak menggelegar:

preview

Akan lebih baik jika daripada memuat about:blank , kita dapat memuat sesuatu yang lain, halaman perantara yang mengatakan "Mempersiapkan pratinjau Anda" atau sesuatu. Tidak harus rumit, bisa berupa halaman yang benar-benar putih dengan teks di tengah.

[Type] Enhancement

Komentar yang paling membantu

Saya sudah mulai mengerjakan ini , akan mencoba dan membuat PR besok.

Semua 3 komentar

Sedikit konteks teknis:

Jendela sembulan hanya dapat dibuka sebagai respons terhadap interaksi pengguna. Oleh karena itu, kita harus membuka popup segera setelah pengguna mengklik Pratinjau, jika tidak, kita tidak akan diizinkan untuk melakukannya nanti (tidak dapat melakukan penyimpanan di editor terlebih dahulu sebelum ditampilkan).

Prosesnya adalah:

  1. Pengguna mengklik Pratinjau
  2. Jendela sembulan dibuka ke halaman kosong
  3. Postingan disimpan
  4. Setelah posting selesai disimpan, halaman kosong diarahkan ke pratinjau

Meskipun kami dapat mengarahkan pengguna ke halaman lain, karena akan ada waktu buka yang terkait dengan ini, opsi lain mungkin adalah menulis langsung ke halaman kosong dengan pesan perantara kami.

Demo: https://codepen.io/aduth/pen/jGJaYX

Saya sudah mulai mengerjakan ini , akan mencoba dan membuat PR besok.

Mempertimbangkan ini sebagai ditutup oleh #3157

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

maddisondesigns picture maddisondesigns  ·  3Komentar

BE-Webdesign picture BE-Webdesign  ·  3Komentar

aaronjorbin picture aaronjorbin  ·  3Komentar

bradyvercher picture bradyvercher  ·  3Komentar

spocke picture spocke  ·  3Komentar