Bahasa Melayu

Alat pembangun · HTML WYSIWYG editor

Sejarah Singkat WYSIWYG: Daripada Bravo Xerox PARC kepada Editor Pelayar

· Latar belakang

html boleh diedit kandungan aliran kerja pembangun

Urutan daripada penyuntingan dokumen visual kepada permukaan yang boleh diedit kandungan pelayar
Ilustrasi vektor ToolAcre asal

Menjejaki apa-yang-anda-lihat-ada-apa-yang-anda-dapat pengeditan daripada sistem penyelidikan 1970-an melalui penerbitan desktop dan pembina halaman web kepada penyunting yang boleh diedit kandungan dalam setiap pelayar.

Sebelum WYSIWYG, anda memformat buta — dibuka dengan aliran kerja markup-and-print dan sebab penyuntingan visual adalah revolusioner

Sebelum penyuntingan visual, pengarang sering menulis kod kawalan atau markup dan melihat hasil yang diformatkan kemudian. Kelewatan menjadikan reka letak berulang: tukar arahan, berikan semula, bandingkan dan ulangi. Menunjukkan pemformatan semasa gubahan memendekkan gelung itu dan mengubah perkara yang diharapkan oleh bukan pakar daripada perisian dokumen.

Artikel ini sengaja mengelakkan tarikh dan tarikh pertama yang tepat yang tidak diperolehi oleh repositori secara bebas. Tujuannya adalah untuk menerangkan garis keturunan reka bentuk di sebalik permukaan penyuntingan pelayar, bukan memperakui kronologi sejarah yang lengkap. Pencapaian yang dinamakan memerlukan rujukan arkib sebelum diterbitkan sebagai sejarah produk fakta.

Sistem dokumen visual awal mewujudkan idea itu; repositori ini tidak memperoleh kronologi Bravo

Sistem penyelidikan yang dikaitkan dengan Xerox PARC dibincangkan secara meluas dalam sejarah WYSIWYG, dan buku kerja menamakan Bravo. Tiada sumber repositori yang dibekalkan di sini mengesahkan tarikh, set ciri atau keutamaannya berbanding yang sezaman, jadi butiran tersebut ditinggalkan dan bukannya diparafrasakan sebagai fakta.

Pencapaian konseptual yang boleh dipertahankan ialah paparan peta bit yang dipasangkan dengan manipulasi langsung dokumen berformat. Skrin menjadi penghampiran aktif output dan bukannya sekadar tempat untuk menaip arahan. Hubungan antara pemformatan kelihatan dan struktur asas masih mentakrifkan pertukaran editor moden.

Penyuntingan visual mencapai desktop pengguna; pencapaian produk yang tepat memerlukan sumber arkib luaran

Buku kerja seterusnya menamakan Xerox Star, MacWrite dan penerbitan desktop. Penjujukan dan pengaruh yang tepat memerlukan sumber di luar pangkalan kod ini. Apa yang boleh dikatakan tanpa ciptaan ialah pengkomputeran peribadi grafik menjadikan komposisi visual biasa kepada khalayak yang lebih luas dan pengeditan yang dipautkan dengan fon, jarak dan susun atur halaman.

Model desktop itu menggalakkan jangkaan halaman yang stabil dan peranti output terkawal. Kandungan web kemudiannya merumitkan janji kerana satu serpihan HTML boleh memenuhi banyak helaian gaya, lebar dan pilihan pengguna. Frasa "apa yang anda lihat" menjadi kurang literal apabila penerbitan beralih daripada halaman seperti kertas kepada dokumen responsif.

Pembina halaman 1990-an mendedahkan pengarangan web visual dan pertukaran penandanya

Pembina halaman web visual membawa komposisi langsung ke HTML dan dikaitkan dengan pembalut yang dijana dan penanda pembentangan. Sekali lagi, buku kerja menamakan produk tertentu tanpa bukti repositori untuk reputasi atau garis masa yang terperinci. Artikel ini mengehadkan perkara ini kepada pertukaran kejuruteraan yang berkekalan.

Alat visual mesti menterjemah gerak isyarat ke dalam pokok dan rentetan. Jika ia mengoptimumkan untuk penampilan serta-merta, ia mungkin memancarkan persembahan tempatan yang menolak reka bentuk semula kemudian. Jika ia mengekang output, kesetiaan visual kepada sumber berkurangan. ToolAcre memilih subset semantik yang dikekang dan menunjukkan sumber yang ditapis.

Pengeditan bergerak ke halaman — menerangkan cara contenteditable membawa WYSIWYG ke dalam pelayar dan CMS platform

Pelayar boleh diedit kandungan mengalihkan hos pengeditan ke dalam elemen halaman biasa. Pelayar boleh mengurus karet, pemilihan, menaip dan pemadaman sementara kod aplikasi membekalkan kawalan dan membaca innerHTML. ToolAcre mengikuti model itu dan pada masa ini menghantar tindakan bar alat melalui execCommand yang tidak digunakan lagi.

Aplikasi itu kemudian menambah sempadan yang tidak diberikan oleh hos pengeditan asli: pemintasan tampal, pembersihan sumber, laporan penyingkiran, bilangan aksara dan perkataan, pengekstrakan teks biasa, penyalinan, muat turun dan pratonton lengai. Lapisan ini menerangkan sebab contenteditable sahaja bukanlah produk yang lengkap.

Pergerakan balas mengutamakan sumber terhad dan penyuntingan berstruktur, tanpa garis masa produk bersumber

Penanda ringan dan editor berstruktur menjawab kebimbangan kualiti output yang sama secara berbeza. Mereka mengekang perkara yang boleh diungkapkan atau disimpan oleh pengarang, kemudian memberikan hasil terkawal. Buku kerja meminta pergerakan balas sejarah, tetapi tiada sumber di sini menyokong tarikh, tuntutan pakai atau turutan sebab akibat yang dinamakan.

Perbandingan yang berguna adalah seni bina. Sumber terhad boleh menjadi mudah untuk dibezakan dan diubah, manakala permukaan visual merendahkan halangan kepada pemformatan. ToolAcre menggabungkan penggubalan visual dengan HTML yang boleh dilihat, tetapi ia tidak menawarkan kerjasama, model dokumen atau arahan silang pelayar yang menentukan.

Perkara ini tidak meliputi — garis masa produk demi produk atau penerbitan desktop yang melampaui pengaruhnya di web

Artikel ini tidak menyediakan garis masa produk demi produk, mengkreditkan ciptaan, sebut harga penyelidik atau penerbitan liputan desktop di luar pengaruh luas. Peninggalan tersebut adalah disengajakan kerana tiada sumber arkib disediakan. Pelaksanaan editor boleh mengesahkan tingkah laku semasa, bukan keutamaan sejarah.

Ia juga tidak mendakwa bahawa editor visual semestinya menghasilkan markup yang buruk. Kualiti output bergantung pada model dan dasar penyuntingan. Di sini, alias dan senarai dibenarkan mengurangkan variasi selepas mutasi pelayar, manakala mod sumber membolehkan penulis menyemak perkara yang masih ada. Editor lain boleh memilih struktur yang berbeza.

Bawa pulang: ketegangan lama masih menjadi masalah reka bentuk — meringkaskan kemudahan visual berbanding output bersih dan cara editor ToolAcre HTML WYSIWYG menanganinya dengan membenarkan anda melihat penanda hasil suntingan anda

Ketegangan lama bertahan: kawalan visual langsung membantu pengarang, manakala output berstruktur tahan lama membantu sistem dan penyelenggara masa hadapan. Editor yang boleh dipercayai menjadikan terjemahan itu kelihatan dan mengakui di mana pemaparan bergantung pada pelayar dan konteks destinasi.

ToolAcre ialah satu contoh kecil kontemporari. Formatkan nota pakai buang, periksa HTML yang ditapis dan bandingkan pratonton dengan sumber. Latihan ini menunjukkan garis keturunan tanpa mengubah garis besar sejarah tidak bersumber kepada ketepatan palsu atau mendakwa bahawa pelaksanaan ini menyelesaikan setiap WYSIWYG kompromi.