Alat pengembang · HTML WYSIWYG editor
Sejarah Singkat WYSIWYG: Dari Bravo Xerox PARC hingga Editor Browser
· Latar belakang
html contenteditable alur kerja pengembang
Menelusuri pengeditan apa yang Anda lihat adalah apa yang Anda dapatkan dari sistem penelitian tahun 1970-an melalui penerbitan desktop dan pembuat halaman web hingga editor yang dapat diedit konten di setiap browser.
Sebelum WYSIWYG, Anda memformat secara buta — dibuka dengan alur kerja markup-dan-cetak dan mengapa pengeditan visual merupakan hal yang revolusioner
Sebelum penyuntingan visual, penulis sering menulis kode kontrol atau markup dan melihat hasil formatnya nanti. Penundaan ini membuat tata letak berulang: ubah instruksi, render lagi, bandingkan, dan ulangi. Menampilkan pemformatan selama komposisi memperpendek putaran tersebut dan mengubah apa yang diharapkan oleh non-spesialis dari perangkat lunak dokumen.
Artikel ini sengaja menghindari tanggal dan tanggal pasti yang tidak diambil oleh repositori secara independen. Tujuannya adalah untuk menjelaskan silsilah desain di balik permukaan pengeditan browser, bukan untuk mengesahkan kronologi sejarah yang lengkap. Tonggak sejarah yang disebutkan memerlukan referensi arsip sebelum dipublikasikan sebagai sejarah produk faktual.
Sistem dokumen visual awal mendasari gagasan tersebut; repositori ini tidak menyediakan kronologi Bravo
Sistem penelitian yang terkait dengan Xerox PARC dibahas secara luas dalam sejarah WYSIWYG, dan buku kerjanya diberi nama Bravo. Tidak ada sumber repositori yang disediakan di sini yang memverifikasi tanggal, kumpulan fitur, atau prioritasnya dibandingkan sumber sezamannya, sehingga detail tersebut dihilangkan dan bukan diparafrasekan sebagai fakta.
Tonggak konseptual yang dapat dipertahankan adalah tampilan bitmap yang dipadukan dengan manipulasi langsung dokumen yang diformat. Layar menjadi perkiraan keluaran yang aktif dan bukan sekadar tempat mengetik perintah. Hubungan antara pemformatan yang terlihat dan struktur yang mendasarinya masih menentukan trade-off editor modern.
Pengeditan visual menjangkau desktop konsumen; pencapaian produk yang tepat memerlukan sumber arsip eksternal
Buku kerja selanjutnya bernama Xerox Star, MacWrite dan desktop publishing. Urutan dan pengaruh yang tepat memerlukan sumber di luar basis kode ini. Apa yang dapat dikatakan tanpa penemuan adalah bahwa komputasi personal grafis membuat komposisi visual menjadi akrab bagi khalayak yang lebih luas dan menghubungkan pengeditan dengan font, spasi, dan tata letak halaman.
Model desktop tersebut mendorong ekspektasi akan halaman yang stabil dan perangkat keluaran yang terkontrol. Konten web kemudian memperumit janji tersebut karena satu fragmen HTML dapat memenuhi banyak lembar gaya, lebar, dan preferensi pengguna. Ungkapan “apa yang Anda lihat” menjadi kurang literal karena penerbitan beralih dari halaman kertas ke dokumen responsif.
Pembuat halaman tahun 1990-an mengungkap pembuatan web visual dan trade-off markupnya
Pembuat laman web visual menghadirkan komposisi langsung ke HTML dan dikaitkan dengan pembungkus yang dihasilkan dan markup presentasi. Sekali lagi, buku kerja menyebutkan produk tertentu tanpa bukti penyimpanan untuk reputasi atau garis waktu yang terperinci. Artikel ini membatasi pokok permasalahan pada trade-off teknik yang bertahan lama.
Alat visual harus menerjemahkan isyarat ke dalam pohon dan string. Jika dioptimalkan untuk tampilan langsung, ini mungkin menghasilkan presentasi lokal yang menolak desain ulang di kemudian hari. Jika membatasi keluaran, ketelitian visual ke sumber menurun. ToolAcre memilih subset semantik yang dibatasi dan menampilkan sumber yang difilter.
Pengeditan berpindah ke halaman — menjelaskan bagaimana contenteditable menghadirkan WYSIWYG ke dalam browser dan platform CMS
Browser yang dapat diedit memindahkan host pengeditan ke elemen halaman biasa. Browser dapat mengatur tanda sisipan, pemilihan, pengetikan dan penghapusan sementara kode aplikasi menyediakan kontrol dan membaca innerHTML. ToolAcre mengikuti model tersebut dan saat ini mengirimkan tindakan toolbar melalui execCommand yang tidak digunakan lagi.
Aplikasi kemudian menambahkan batasan yang tidak disediakan oleh host pengeditan asli: intersepsi tempel, sanitasi sumber, laporan penghapusan, jumlah karakter dan kata, ekstraksi teks biasa, penyalinan, pengunduhan, dan pratinjau inert. Lapisan ini menjelaskan mengapa contenteditable saja bukanlah produk yang lengkap.
Gerakan tandingan ini lebih memilih sumber yang terbatas dan penyuntingan terstruktur, tanpa garis waktu produk yang bersumber
Markup ringan dan editor terstruktur menjawab permasalahan kualitas keluaran yang sama secara berbeda. Mereka membatasi apa yang dapat diungkapkan atau disimpan oleh penulis, kemudian memberikan hasil yang terkendali. Buku kerja ini meminta adanya gerakan tandingan historis, namun tidak ada sumber di sini yang mendukung tanggal, klaim adopsi, atau menyebutkan urutan sebab akibat.
Perbandingan yang berguna adalah arsitektural. Sumber yang terbatas dapat dengan mudah didifusikan dan diubah, sementara permukaan visual menurunkan hambatan pemformatan. ToolAcre menggabungkan penyusunan visual dengan HTML yang terlihat, namun tidak menawarkan kolaborasi, model dokumen, atau perintah lintas-browser deterministik.
Hal yang tidak tercakup dalam hal ini adalah linimasa produk demi produk atau penerbitan desktop yang melampaui pengaruhnya di web
Artikel ini tidak memberikan garis waktu produk demi produk, memberi penghargaan pada penemuan, mengutip peneliti, atau meliput penerbitan desktop di luar pengaruh luas. Penghilangan tersebut disengaja karena tidak ada sumber arsip yang disediakan. Implementasi editor dapat memverifikasi perilaku saat ini, bukan prioritas historis.
Ia juga tidak mengklaim bahwa editor visual menghasilkan markup yang buruk. Kualitas keluaran bergantung pada model dan kebijakan pengeditan. Di sini, alias dan daftar yang diizinkan mengurangi variasi setelah mutasi browser, sementara mode sumber memungkinkan penulis meninjau apa yang tersisa. Editor lain mungkin memilih struktur yang berbeda.
Kesimpulan: ketegangan lama masih menjadi masalah desain — merangkum kenyamanan visual versus keluaran bersih dan caranya ToolAcre'S HTML WYSIWYG editor mengatasinya dengan membiarkan Anda melihat markup yang dihasilkan suntingan Anda
Ketegangan lama masih bertahan: kontrol visual langsung membantu penulis, sementara keluaran terstruktur yang tahan lama membantu sistem dan pengelola di masa depan. Editor yang kredibel membuat terjemahan tersebut terlihat dan mengakui bahwa rendering bergantung pada browser dan konteks tujuan.
ToolAcre adalah salah satu contoh kecil kontemporer. Format catatan sekali pakai, periksa HTML yang difilter, dan bandingkan pratinjau dengan sumber. Latihan ini menunjukkan garis keturunan tanpa mengubah garis besar sejarah yang tidak bersumber menjadi ketepatan yang salah atau mengklaim bahwa penerapan ini menyelesaikan setiap kompromi WYSIWYG.