Editor HTML Linux. Editor HTML

Jika Anda mengajukan pertanyaan serupa di beberapa forum, dengan probabilitas tinggi, Anda akan menyerang dua rekomendasi yang berlawanan secara diametris - "Kompilasi" Segala sesuatu dalam editor yang murni visual (yang WYSIWYG) ketik Dreamweaver atau jalankan dari setiap editor suka dari api dan lakukan Semuanya secara eksklusif di Notepad / VI / Emacs. Karena itu adalah karakteristik dari ekstrem apa pun, di dalamnya di dalamnya bahwa kekurangan metode ini atau lainnya adalah paling jelas dimanifestasikan - kelemahan kontrol atas kode yang diterima pada kasus pertama, dan proporsi yang sangat besar dari pekerjaan "buruk" di yang lain . Jadi tidaklah luar biasa bahwa ceruk antara kedua kutub ini sama sekali tidak kosong, dan pengembang editor HTML-nya membuat semua kekuatan untuk berteman dengan keyboard dengan cara yang paling optimal. Dan itu adalah kenyamanan dari set "manual" dari kode HTML tanpa kehilangan kendali atas hasil dan akan menjadi kunci ketika membandingkan tiga editor web yang paling populer di Linux - Screem, Quanta Plus dan BlueFish. Meskipun pengisian fungsional mereka juga tidak akan diabaikan. Untuk kelengkapan gambar, banyak editor khas WYSIWYG - editor "referensi" Amaya secara luas dikenal di lingkaran NVU yang sempit.

Untuk pengujian, distribusi Ubuntu 6.06 LTS digunakan dengan GNOME 2.14.1, sehingga aplikasi berbasis GTK menerima beberapa peluang. Semua editor dipasang dari reposititer dalam mode "As is", tidak ada upaya untuk Russify, memperluas fungsionalitas karena plugin dan sebagainya. tidak terpasang.

Pertimbangan:

  • Bluefish 1.0.5.
  • Quanta Plus 3.5.2.
  • Screem 0.16.1.

Di luar kontes:

  • Amaya 8.5.
  • NVU 1.0 (20060508)

Amaya.

Kesetaraan pada W3C.

Mari kita mulai pertimbangan dari editor visual - Amaya. Bukan karena sangat luar biasa, tetapi karena sedang dikembangkan oleh organisasi W3C. Agar lebih akurat, ini terutama merupakan browser dengan fitur pengeditan yang sangat dikembangkan.

Sangat mungkin untuk digunakan sebagai editor (dimungkinkan untuk mengedit dan langsung kode sumber, namun, tanpa kesenangan khusus), tetapi hanya satu detail kecil merusak semuanya - yah, itu tidak ingin memperkenalkan simbol domestik, dan hanya itu . Tampilan dari file jadi - harap hapus - dengan sukacita. Dan masuk - tidak. Artinya, sama sekali tidak ada reaksi terhadap kunci ketika tata letak Rusia termasuk. Itu adalah antarmuka yang sudah ketinggalan zaman secara moral dari semua anggur, atau kasih sayang yang berlebihan terhadap ASCII. Tetapi satu atau lain cara, dan encoders web domestik di dalamnya tidak akan terlalu nyaman.

Jadi tinggalkan dia peran sebagai "browser referensi" dan lanjutkan untuk mempertimbangkan pelamar utama untuk kemenangan.

Di dalamnya, Anda dapat melihat hasilnya, tetapi jelas lemah untuk mengedit ...

Dia memiliki setiap kesempatan untuk menjadi ideal untuk versi 1.0

Kesan pertama dari screem adalah "hanya editor\u003e. Jendela kerja dipecah menjadi tiga bidang - di bidang input yang tepat, kesalahan dan peringatan ditampilkan di bagian bawah, dan kiri beberapa tab yang membuatnya lebih mudah dinavigasi Dokumen, bekerja dengan file, dll. Tampaknya bagi saya terutama tab pohon yang berguna menampilkan struktur pohon - klik dua kali, katakanlah, garis kepala akan disorot di bidang edit seluruh kode yang terkait dengan judul.

Dari editor teks biasa, jelas diperlukan untuk membedakan pekerjaan canggih dengan tag HTML. Dalam hal ini, "muka" adalah untuk menyorot sintaks, kemampuan untuk memasukkan tag tertentu dengan memilihnya di menu (sangat nyaman untuk menyisipkan tag meta dan string doctype secara harfiah beberapa klik) dan di autodopping / ujung tag yang dimasukkan (termasuk argumen).

Fitur lain adalah penutupan semi-otomatis tag "pair". "Semi-" karena Anda harus membuat beberapa tindakan sebelum tag penutup muncul - yaitu, untuk mengetik urutan. "

Tapi "hotkeys" dengan cepat memasukkan tag, sayangnya, tidak disediakan. Tetapi sebagai kompensasi - kemampuan untuk memilih kiri pada tab "Sumberdaya" dan masukkan tag setiap kali klik. Tab "Atribut" akan memungkinkan Anda untuk melihat semua atribut yang tersedia dari tag khusus, dan mengubah salah satu dari mereka.

Fitur yang cukup berguna - Periksa Sintaks HTML ("Alat\u003e Rapi\u003e Menu Tidy (HTML)"). Di bawah ini, pada tab "Kesalahan", Anda akan menerima informasi tentang semua kesalahan yang ditemukan (misalnya, tag tidak ada) dan peringatan. Di bawah kategori terakhir, sayangnya, semua simbol Cyrillic didiagnosis dengan "kode karakter yang tidak valid", yang agak litto output.

Untuk memasuki tag "kompleks" - seperti gambar, referensi, tabel, formulir - ada dialog parameter input (disebut "Wizards"). Ngomong-ngomong, mereka, ternyata, cukup nyaman untuk digunakan untuk sisipan SSI, terutama ketika sclerosis menghapus sekali akrab dengan rasa sakit dari kombinasi balok ...

"Wizard" nyaman untuk menyisipkan gambar: Pilih file yang diinginkan dalam dialog Standar, atur tanda tangan alternatif (Atribut ALT) - dan tag IMG muncul dengan ketinggian dan lebar lebar yang ditempelkan secara otomatis. Atribut lain, jenis penyelarasan, dengan mudah berubah menggunakan tab di atas dengan nama yang sama. Juga perhatikan "Warna Wisard" - alat pemilihan warna yang sangat nyaman.

Dari fungsi layanan - periksa ejaan, pengelompokan beberapa halaman ke proyek (di sini mereka disebut "Situs"), dukungan untuk CVS, penerbitan proyek menggunakan FTP. Ditemukan di halaman tautan dapat dilihat pada diagram (dengan atau memilih "Lihat\u003e Tautan Tautan" di menu) dan segera lihat mana dari mereka yang internal, eksternal apa, dan yang umumnya mengarah ke mana-mana. Demikian pula, perangkat lunak dihidupkan pada mode pratinjau. Jika Anda mau, Anda dapat menggunakan dan melihat di browser eksternal.

Nah, bantuan yang sangat detail dan diilustrasikan dengan baik akan memungkinkan Anda untuk menguasai editor tidak hanya dengan metode "ilmiah Tyka".

Jadi kita dapat mengatakan bahwa "hanya editor" ini sebenarnya adalah alat yang cukup nyaman dan fungsional. Meskipun kurangnya tombol panas untuk memasukkan tag dan implementasi aneh dari tag akhir dalam tag akhir dipaksa hampir semuanya secara manual, atau menggunakan bantuan mouse lebih sering daripada input "cepat".

Setengah Russified, dan sebaliknya - sangat bagus!

Tampilan tautan terlihat hanya mimpi buruk ... tetapi kadang-kadang tidak bisa melakukannya tanpa itu.

Quanta Plus.

"Bintang" KDE, dengan jujur \u200b\u200bberusaha bekerja di ...

Mungkin editor HTML terbaik berdasarkan QT, dan secara umum, salah satu yang terbaik. Mode operasi utama adalah pengeditan kode manual, meskipun ada juga mode visual, serta "gabungan" yang unik ketika bidang kerja dipecah menjadi dua: di atas - bagaimana halaman akan terlihat; Di bawah ini adalah kode sumber. Dan Anda dapat mengedit halaman dan di sana, dan di sana - semua perubahan disinkronkan secara otomatis. Artinya, memasukkan kode, Anda segera melihat hasilnya, atau sebaliknya - meletakkan transfer garis, Anda dapat segera melihat bagaimana tag ini dilakukan.

Hotkey default ditugaskan untuk tidak semua tag, tetapi, seperti yang Anda harapkan dari aplikasi KDE khas, sepenuhnya dapat disesuaikan. Autodocharged (seperti pada screem, hanya bereaksi hanya pada simbol dalam huruf besar) dan parameter diminta dioperasikan pada "Hore". Tidak seperti screem, penutupan otomatis tag sangat berhasil diimplementasikan - tag penutup dimasukkan segera setelah pembukaan, dan kursor diatur di antara tag. Demikian pula, editor berperilaku saat memasukkan tag di sepanjang tombol panas, yang memungkinkan praktis tidak terganggu oleh posisi kursor selama set. Satu-satunya momen kontroversial - jika ada tag atribut wajib, tombol panas membuka kotak dialog untuk masuk. Dengan set cepat, itu mengalihkan perhatiannya, dan harus sepenuhnya menolak untuk menggunakan tombol panas untuk tag tersebut.

Meskipun dalam beberapa kasus dialog sangat membantu - terutama "Dialog Mulai Cepat", membuat dokumen baru dan memasukkan templat halaman HTML standar. Untuk tabel Ada dua opsi untuk membuat (menggosok input tangan murni dan kompilasi visual sepenuhnya) - "editor tabel", yang memungkinkan Anda untuk mengisi tabel langsung di kotak dialog, dan masuk ke tag.

Sangat nyaman untuk bekerja dengan gaya elemen individu (tombol CSS pada tab Gaya). Tetapi fungsi untuk membuat tabel CSS, mirip dengan itu di screem atau bluefish, saya tidak menemukannya dalam pengiriman "default", sayangnya.

Di jendela pengeditan, saya menyukai fungsi "potong" dari kode ketika semua baris sesuai dengan, katakanlah, tabel, masukkan PHP atau elemen div dapat didinginkan menjadi satu baris - ini memungkinkan Anda untuk bersembunyi yang tidak perlu dan fokus pada apakah pada apa yang perlu.

Di sebelah kanan dan kiri bidang pengeditan Anda dapat menemukan toolbar bantu. Hak bertanggung jawab untuk menelepon Bantuan dan di belakang bidang Atribut Tag HTML yang melakukan fungsi yang mirip dengan tab Atribut di Screem - I.E. Memungkinkan untuk melihat daftar atribut dari tag apa pun yang diinstal kursor, dan ubah nilai salah satu dari mereka.

Di sebelah kiri adalah tombol panggil pohon direktori (sebagai lawan dari screem, menyeret file ke bidang Edit bekerja lebih cerdas, memasukkan nama non-sekadar file, tetapi, tergantung pada situasinya, tag sepenuhnya, dll.) Bekerja dengan proyek, template, struktur dokumen (klik dua kali juga memungkinkan Anda untuk memilih seluruh fragmen kode yang terlampir pada elemen ini), skrip bantu.

Di menu "Plugins", Anda akan menemukan sejumlah program bermanfaat yang terkait dengan pengeditan kode HTML: Memeriksa kinerja tautan, alat untuk bekerja dengan kartu gambar, alat CVS. Benar, diberi kuanta plus fokus pada lingkungan KDE, ada sedikit di gnome darinya.

Kustomisasi editor hanya luar biasa - lihat saja menu "Pengaturan". Anda dapat menyesuaikan hampir semuanya: bilah alat, program eksternal, hotkeys, penampilan editor itu sendiri, mode pratinjau ... secara umum, dalam Quanta Plus cukup sulit untuk menemukan sesuatu yang akan menjadi tidak nyaman, dan bahkan membuat tidak mungkin untuk berubah sesuai dengan kebiasaan dan preferensi.

Jadi, Quanta Plus (bahkan mengingat fakta bahwa pengujian dilakukan di lingkungan GNOME dan beberapa fungsi tidak dapat dioperasikan) membuat kesan yang sangat baik. Kekuatannya, fleksibilitas, dan penyesuaian dapat memenuhi persyaratan pembuat kode web yang paling banyak, terlepas dari tingkat persiapan mereka.

Hampir tidak ada yang mengeluh tentang. Dan bahkan desain yang diucapkan "dalam gaya untuk" dia bisa memaafkan ...

Atribut di sebelah kanan, pemotong kode di sebelah kiri ... Apakah mungkin untuk menginginkan lebih banyak?

Pesaing utama untuk kepemimpinan dalam kategori "untuk GNOME"

Salah satu editor paling matang berdasarkan GTK. Tata letak jendela cukup standar - di bagian atas bilah alat, dipisahkan menjadi beberapa tab; Meninggalkan tiga tab (directory tree untuk bekerja dengan file, bantu, bookmark); Bidang pengeditan yang tepat. Selain menu utama dengan set item tradisional, ada menu khusus (di bawah bilah alat), yang dengannya Anda dapat melakukan penyisipan cepat dari fragmen "templat", seperti string DOCTYPE, meta tag, komentar, Setiap tag pasangan dan tunggal (nama dapat diatur) dll. Selain HTML, Anda dapat memasukkan beberapa PHP, perintah SQL, tag docbook, sepasang fragmen standar untuk mengkonfigurasi Apache (bertanggung jawab atas otentikasi dasar dan larangan pada pembukaan file Inc) dan bahkan ada sesuatu pada C. Yaitu Selain file HTML, BlueFish juga mencoba memfasilitasi penderitaan Anda saat menulis konfigurasi khas .htaccess Ya ketika mengembangkan sisipan PHP paling sederhana. Dengan memilih "Menu Pengguna" Edit Menu ", sangat mudah untuk mengatur template apa pun yang Anda butuhkan.

Selain menu "tag" yang cukup luas, memungkinkan untuk memasukkan hampir semua tag, banyak hal menarik dapat ditemukan dalam "dialog" tetangga, di mana operasi membutuhkan input parameter tambahan dan memungkinkan seseorang mendiami kelompok integer elemen. Misalnya, "Header Dokumen Umum" (atau) akan segera memasukkan kerangka halaman HTML di masa depan - dengan tajuk utama, tag meta dan benda kerja di bawah bodi halaman. Demikian pula, Anda dapat memasukkan kosong untuk tabel, bingkai ( selanjutnya disebut sebagai "sisipan"), dll.

Tab CSS layak disebutkan secara terpisah - setidaknya Anda hanya akan menemukan tiga tombol. Yang kedua dan ketiga - untuk penyisipan cepat dan tag div. Tetapi yang pertama memungkinkan Anda membuat tabel bergaya sepenuhnya. Bahkan jika Anda tidak ingat sepersepuluh dari kemungkinan parameter dan nilai-nilai mereka, tidak akan berfungsi untuk memilih yang diinginkan dari daftar drop-down dan hanya menempelkan ke dalam tabel yang dibuat. Tombol "warna" di kotak dialog memungkinkan Anda untuk mengatur warna (di mana diperlukan), hanya mouse celah ke yang diinginkan.

Tidak ada input auto-completion untuk tag, atau untuk parameter mereka - hanya sintaks lampu latar (dan kemudian, Anda pertama-tama perlu menentukan jenis dokumen "HTML" dalam item menu - secara default, editor terbuka dalam teks biasa mode). Satu-satunya hal yang secara otomatis dilakukan adalah penutupan tag pasangan (Anda dapat mematikan, seperti lampu latar).

Untuk set cepat, sebagian besar tag memiliki kombinasi kunci yang tak terlupakan (meskipun tidak selalu nyaman digunakan). Temukan di mana Anda dapat mengubahnya, saya gagal, meskipun ada item pekerjaan dalam menu "mengedit" - "Simpan tombol pintas".

Fitur yang menarik dari bekerja dengan thumbnail gambar - Pilih file, dan, fokus pada pratinjau, "pelari" yang biasa menetapkan ukuran yang diinginkan. Alat pemilihan warna juga akan berguna ("Dialog" "warna" umum ") - menyodok mouse pada warna yang Anda suka, dan representasi heksadesimal akan dimasukkan ke dalam kode untuk menutup dialog.

Ada dukungan untuk proyek, memeriksa ejaan, interaksi dengan program eksternal (make, javac compiler, memeriksa sintaks HTML, berikan kembali simbol konfigurasi string dos2unix; dalam pengaturan itu cukup mudah untuk menghubungkan handler Anda sendiri). Melihat hasilnya hanya mungkin di browser eksternal.

Secara umum, kesan beberapa ketidakpedulian adalah kesan, meskipun potensi editor sangat besar. Terutama menyukai peluang untuk membangun fungsionalitas oleh program eksternal. Kesan yang baik membuat menu pengguna, dengan mana mudah untuk mengurangi sebagian besar operasi rutin ke beberapa jam. Tetapi pemula akan sangat kurang memiliki parameter Autodopping dan Tiping. Putusan itu adalah editor yang baik untuk para profesional yang tidak terbiasa dengan kemewahan berlebihan, tetapi haus untuk mengotomatiskan tindakan khas.

Lampu latar dan panel khusus yang rapi memungkinkan Anda untuk bekerja dengan hampir semua kode yang mungkin diperlukan saat mengembangkan situs web.

Dialog untuk membuat tabel stylist - hasilnya akan ditambahkan ke bidang Edit.

Nvu.

Jika Anda memilih editor WYSIWYG ini, lupakan pengeditan manual

Ini adalah gagasan linspire karena normal menggunakan rezim visual, seperti yang diharapkan dari program "berorientasi pengguna". Namun, tab di bagian bawah ruang kerja sangat mudah untuk beralih ke mode pengeditan kode sumber. Berikut adalah pratinjau dan mode, yang disebut "tag HTML", ketika pada halaman (seperti yang akan terlihat di browser), "label" dikenakan pada setiap elemen, menunjukkan tag apa untuk item ini dijawab. Cukup nyaman untuk analisis cepat dari kode orang lain - saya tidak menemukan aplikasi lain untuk rezim ini.

Bekerja dalam mode visual tidak jauh berbeda dari itu dalam prosesor teks biasa seperti penulis atau abiword. Ya, dan kami sepakat untuk menavigasi terutama pada pengeditan "manual".

Anehnya, tetapi ketika beralih ke mode manual, tombol bilah alat dan item menu yang bertanggung jawab atas tag tertentu diblokir. Tidak ada autodo-compliance, sintaks minimum menyoroti yang tidak meluas ke teks yang baru dimasukkan ... Secara umum, "Mengambil untuk seorang pria - jangan katakan bahwa itu bukan adipati," dan sekali tidak suka mode visual, " Jadi dapatkan notepad yang biasa. Sebagai editor kode sumber NVU tidak bersinar (dan itu tidak dimaksudkan untuk ini), jadi pada ulasannya dan ...

HASIL

Pilih editor HTML terbaik ternyata menjadi masalah yang sulit. Bluefish di lingkungan GNOME terasa seperti ikan di dalam air (hanya tidak perlu bercanda tentang warna, oke?) Namun, untuk kemenangan tanpa syarat, itu masih kurang fungsionalitas. Namun, bagi mereka yang terbiasa bekerja di buku catatan, itu akan menjadi pilihan yang dekat dengan yang ideal - ia sama sekali tidak mengganggu (bahkan hampir rusak), tetapi pada saat yang sama, selalu siap untuk membantu Anda.

Screem, meskipun nomor versi kecil, hampir tidak ada yang ketinggalan di belakang bluefish, dan di beberapa tempat bahkan di depan. Sedikit peralatan otomatis yang diimplementasikan dengan tag pasangan yang kadang-kadang mengganggu pekerjaan, dan kurangnya tombol panas untuk tag sama sekali akan berubah menjadi kesedihan mendalam dari mereka yang diharapkan membuang mouse itu, tetapi pada saat yang sama tidak memasuki semua tangan mereka.

Nah, Quanta Plus, bahkan dengan berada di lingkungan yang tidak kaku, menunjukkan kombinasi yang paling harmonis dari fungsi "membantu" dan kenyamanan kerja cepat. Kemampuan untuk mengkonfigurasi hampir semuanya akan sangat diperlukan untuk pecinta "berjalan-jalan", meskipun hotkey default dan komposisi bilah alat dipilih cukup. Secara umum, pemimpin tanpa syarat saat ini adalah "alien dari planet KDE" sebagai editor HTML yang paling matang dan bijaksana, yang diterima oleh kemenangan pemenang.

Anda tidak dapat memutuskan bagaimana Anda lebih baik mengedit situs - secara manual atau visual? Dengan Quanta Plus, Anda tidak perlu istirahat di antara dua mode pekerjaan!

Untuk mengetahui seberapa baik mereka mengatasi tanggung jawab mereka.

Aplikasi ini sebagian besar serupa. Ketiga kode editor terutama dengan isolasi sintaks, dengan pemformatan pintar dan fungsi lainnya yang menyederhanakan kode yang ditetapkan dan mengedit. Screem terhubung erat dengan gnome, sementara bluefish terasa hebat di KDE dan GNOME. Aplikasi Quanta Plus - KDE yang berlaku dengan KDE. Semuanya mendukung pengeditan visual, disebut WYSIWYG (apa yang Anda lihat adalah apa yang Anda dapatkan - apa yang Anda lihat, maka Anda dapatkan), dalam kompartemen dengan kemampuan pengeditan kode tingkat lanjut. Editor ini dapat bekerja dengan HTML, JavaScript, lembar gaya cascading (CSS) dan bahasa dan skrip markup lainnya. Dimungkinkan juga untuk mengelola situs web dan proyek web, termasuk dukungan CVS.

Kami melihat bahwa program-program ini sangat mirip, jadi kami harus mengalokasikan fitur-fitur cerah masing-masing. Pada artikel ini, saya fokus pada bagaimana editor web membantu menulis kode HTML, css dan tag div. Setiap program memiliki fitur tambahan yang dapat mendekati kebutuhan Anda.

Saya menguji setiap program dengan Adobe "S Spry Framework (dirilis di bawah Lisensi BSD), yang memungkinkan Anda untuk menambahkan AJAX (Asynchronous JavaScript dan XML) ke situs web. Spry Framework termasuk satu set skrip javascript dan seprai gaya. Menggunakan dan memodifikasi Widget membutuhkan HTML dan CSS yang mudah. \u200b\u200bIni membuat teman yang cocok untuk tes saya. Di editor troika ini, saya memberikan perhatian khusus pada fungsi yang saya terapkan dalam aplikasi komersial untuk desain web, misalnya, tag tag yang memilih, memilih parameter tag (Anda memanggil tag, dan editor menawarkan Anda daftar kemungkinan parameter dan nilai), dukungan untuk file CSS dan Javascript yang terpasang.

Screem Copes dengan sebagian besar pekerjaan yang terkait dengan membuat dan mengedit halaman web. Ketika Anda membuat halaman baru, Screem akan meminta Anda untuk memasukkan informasi dasar, dan kemudian membantu menyesuaikan elemen-elemen utama dalam tag kepala dan tubuh.

Saya senang bagaimana screem menyederhanakan pengeditan. Misalnya, ketika saya mengganti pemesanan daftar pesanan yang dipesan pada daftar yang tidak terurut, menutup TEG secara otomatis berubah. Ketika kode set, muncul daftar kemungkinan parameter. Setelah memilih apa yang Anda butuhkan, TEG akan secara otomatis menutup. Anda juga memiliki asisten pencipta CSS yang nyaman, terima kasih untuk properti yang dipilih dapat dimasukkan antara tag gaya atau mengambilnya pada lembar gaya terpisah.

Antarmuka Screem berisi 2 toolbar: Panel utama untuk operasi utama (membuka, mencetak dan mengedit file) dan panel asisten di mana 9 tombol tersebut berada untuk sembilan pembantu. Dengan mereka Anda dapat dengan mudah menambah dan mengkonfigurasi item yang berbeda: warna, bentuk, tautan, gambar, dan tabel.

Kiri juga memiliki bilah sisi yang dapat menampilkan 5 Windows:

  • File;
  • Dokumen pohon, nyaman untuk menavigasi halaman di situs yang dapat diedit;
  • Daftar parameter yang berubah secara dinamis tergantung pada divergen tag;
  • Simbol untuk bekerja dengan SI-Tag, jika ada di situs web Anda.
  • Screem mendukung 4 jenis tampilan halaman web:

  • dalam bentuk kode - tidak ada yang lain seperti jendela pengeditan yang biasa;
  • dalam bentuk pohon - salinan pohon dokumen yang ditampilkan di sidebar;
  • pratinjau - menunjukkan bagaimana halaman akan terlihat di browser. Satu kelemahan - elemen spif berbasis JavaScript tidak ditampilkan;
  • dalam bentuk tautan - diagram di mana ia ditampilkan sebagai halaman situs lain yang terkait dengan arus dan statusnya.
  • Editor HTML yang kuat disembunyikan di bawah antarmuka screem simple. Hanya saya ingin lebih mudah dipasang di bawah KDE. Saya menguji screem di Ubuntu LiveCD untuk menghindari kompilasi dan mengunduh pustaka Gnome yang diperlukan untuk mengedit editor ini ke KDE. Semua sama, Screem adalah contoh yang jelas dari suatu aplikasi, yang dengan sempurna mengatasi tugas yang dipilih menggunakan minimum fungsi tambahan. Jika Anda menggunakan GNOME, maka screem dapat datang kepada Anda. Jika Anda menggunakan KDE atau lingkungan lain, Anda harus mengunggah perpustakaan tambahan untuk bekerja dengan editor ini.

    Bluefish.

    Editor bluefish sebagian besar lebih sulit daripada screem, tetapi lebih fleksibel. Selain HTML dan CSS, ini memungkinkan Anda untuk mengedit C, Java, Perl, Python, XML dan beberapa bahasa lainnya. Untuk bekerja dengan HTML dan CSS, editor ini mirip dengan kemampuan Screem. Namun, tidak seperti yang terakhir, bluefish tidak menawarkan daftar parameter tag untuk dipilih, dan juga tidak mengubah tag penutupan ketika pembukaan pembukaan berubah.

    Meskipun demikian, Bluefish terorganisir dengan baik dan mudah digunakan. Melalui menu tag, Anda dapat memilih tag dan menerapkannya ke teks yang dipilih atau cukup masukkan tag jika teks tidak disorot. Tag dalam menu dibagi menjadi 9 kategori: headline, spesial, pemformatan, pemformatan konteks, pemformatan umum, tabel, daftar, dan berbeda. Menu "dialog" menyediakan beberapa dialog (analog pembantu dalam screem) untuk melakukan berbagai tugas: Tambahkan referensi, tabel, bentuk, atau gaya CSS. Dalam dialog, Anda memasukkan atau memilih nilai parameter dari daftar untuk tag yang berbeda yang akan dimasukkan ke dalam dokumen. Melalui dialog juga membuat pengaturan awal dokumen dengan menambahkan tag meta, tautan ke lembar gaya, dll. Menu tidak tergantung pada konteksnya, yaitu, jika Anda mengedit file python, mereka masih akan menyediakan fungsi untuk bekerja dengan HTML.

    Bluefish memiliki wizard yang nyaman untuk membuat thumbnail. Dengan itu, Anda dapat dengan mudah membuat pratinjau gambar apa pun, nyaman jika Anda ingin mengatur album foto online di situs Anda. Wisaya ini mengurangi ukuran gambar ke rasio yang ditentukan atau seperti dalam persentase dan secara otomatis menambahkan gambar dan tag untuk referensi.

    Bluefish adalah editor HTML yang sangat cakap, terutama jika Anda harus menulis banyak pada PHP, Javascript, Java dan bahasa lain yang didukung. Semua pengeditan dalam bluefish pada dasarnya terjadi melalui menu, yang membuatnya tidak terlalu interaktif sebagai screem, yang melakukan hal yang sama, tetapi secara dinamis, sementara saya mengetik. Namun, kemampuan bluefish jauh melampaui pengeditan HTML dan CSS sederhana. Plus, itu dipasang tanpa masalah dan mulai di bawah KDE dan di bawah GNOME.

    Quanta Plus.

    Intinya, Quanta Plus adalah editor kode. Dia memiliki beberapa kemampuan WYSIWYG, tetapi mereka tidak berguna, seperti yang terlihat pada pandangan pertama. Itu layak tabel di halaman web kecil, karena pratinjau berhenti bekerja. Ini agak mengejutkan saya, jadi pada saat yang sama halaman yang lebih kompleks dimuat, dan pratinjaunya ditampilkan secara normal. Tetapi bahkan ketika pratinjau berfungsi dengan baik, maka ada cukup dukungan aneh untuk pengeditan WYSIWYG. Misalnya, ketika Anda menekan tombol "Enter", break burst tag dimasukkan, alih-alih tag paragraf baru. Hal yang sama terjadi ketika daftar diedit saat menekan tombol "Enter", idenya harus membuat item daftar baru. Secara umum, pratinjau lebih baik digunakan untuk melihat hasilnya, dan bukan untuk pengeditan langsung.

    Jika tidak memperhitungkan semua hal di atas, Quanta Plus adalah editor kode yang benar-benar perkasa. Antarmukanya jauh lebih rumit daripada bluefish, tetapi tugas utama Quanta Plus masih mengedit web. Editor ini mendukung pemilihan sintaks, skrip dan bahasa penandaan. Seperti dalam bluefish, jika menu dirancang untuk bekerja dengan satu bahasa, maka bekerja dengan menu ini tidak mempengaruhi kode yang ditulis dalam bahasa lain. Quanta Plus memungkinkan pengguna untuk membuat bilah alat sendiri untuk bekerja dengan bahasa tertentu.

    Sekali lagi, seperti pada bluefish, pembuatan halaman baru lebih baik untuk memulai dengan menu tag, di mana Anda dapat menemukan dialog untuk membuat struktur dasar (meta-tag, header dokumen, dll.). Melalui menu tag, Anda cukup memasukkan tag atau membuka dialog untuk konfigurasi tag dengan beberapa parameter. Menurut pendapat saya, yang paling penting adalah bahwa Quanta Plus menawarkan untuk memilih parameter tag dan nilai-nilai parameter ini dalam proses mendapatkan kode. Di bluefish, fitur ini hilang seperti itu, dan penawaran screem untuk memilih hanya parameter, tetapi bukan nilainya.

    Fitur lain yang nyaman ketika Anda memasukkan tag yang biasanya berisi tag yang terhubung, maka Quanta Plus secara otomatis menambahkan yang terakhir. Misalnya, ketika Anda memasukkan daftar yang dipesan tag, editor secara otomatis menambahkan tag pembuka dan penutup untuk satu item daftar dan menutup pemesanan daftar yang dipesan.

    Kontrol CSS dalam Quanta Plus sedikit membingungkan, karena dilakukan oleh dua kotak dialog. Tetapi jika Anda mengetahuinya, editing CSS akan menjadi sangat sederhana. Untuk membuat gaya CSS, pertama-tama Anda perlu membuka dialog "CSS Selector" untuk menentukan item yang akan diterapkan oleh gaya. Kemudian klik dua kali pada "Selektor CSS" Buka dialog "Editor CSS" berikut, di mana Anda sudah dapat menentukan semua parameter gaya. Akibatnya, kami mendapatkan kode CSS yang diformat dengan sempurna.

    Quanta Plus adalah editor paling sulit dari ketiganya yang sedang dipertimbangkan, tetapi pada saat yang sama yang paling mampu. Itu tidak bisa tetapi bersukacita, kemampuan untuk mengkonfigurasi antarmuka Quanta Plus dengan kebutuhan mereka. Editor ini menawarkan semua yang Anda butuhkan dan bahkan lebih untuk memenuhi kebutuhan pengguna yang terlibat dalam menulis dan mengedit kode HTML dan CSS. Bagi mereka yang menggunakan GNOME, Quanta Plus perlu mengunduh perpustakaan tambahan, tetapi itu sepadan. Pengguna KDE tidak akan memiliki kesulitan seperti itu, karena editor ini dibangun ke dalam KDE.

    Saran sederhana saya - Gunakan Quanta Plus untuk mengedit file HTML dan CSS. Bagi mereka yang tidak mencari jalur cahaya, saya menawarkan opsi-opsi berikut:

  • Jika Anda pengguna GNOME, lalu letakkan screem. Ini adalah editor yang sederhana, cepat dan cukup kuat untuk pengeditan web. Namun, dia, berbeda dengan BlueFish dan Quanta Plus, tidak menawarkan peluang besar untuk bekerja dengan bahasa yang tidak memiliki hubungan langsung dengan pengeditan web;
  • Jika Anda adalah pengguna GNOME dan membutuhkan peluang besar, instal Quanta Plus dengan mengunduh perpustakaan tambahan;
  • Jika Anda adalah pengguna KDE dan memerlukan editor kode, Quanta Plus adalah pilihan Anda. Jangan memperhatikan fungsi WYSIWYG dan gunakan semua daya pengeditan, terutama untuk CSS;
  • Untuk pengguna XFCE, Quanta Plus akan berfungsi dengan baik. Screem akan membutuhkan perpustakaan tambahan;
  • Akhirnya, jika Anda adalah pengguna GNOME dan membutuhkan peluang luas, tetapi tidak ingin menginstal perpustakaan tambahan untuk bekerja dengan Quanta Plus, maka Bluefish dibuat khusus untuk Anda.
  • Sangat menyenangkan bahwa setidaknya ada tiga aplikasi yang layak untuk pengembangan web di Linux. Saranya, Bluefish dan Quanta Plus tidak begitu komprehensif seperti pemimpin di area ini Adobe Dreamweaver, tetapi dekat dengan cukup dekat. Quanta Plus Dreamweaver Analog. Mempertimbangkan fakta bahwa harga yang terakhir cukup tinggi, dan itu tidak mendukung Linux secara default, tiga yang dijelaskan tiga adalah pilihan yang sangat baik. Selain fakta bahwa mereka bebas, editor ini juga dianugerahi pengguna mereka hasil yang sangat baik.

    Jika Anda menyukai artikelnya, bagikan dengan teman-teman:

    Editor kode sumber di Linux. Editor dengan sintaks backlit. C, C ++ editor. PHP, Perl, editor HTML.

    • Notepadqq adalah editor kode sederhana untuk programmer yang dibuat oleh Notepad ++.

    • Visual Studio Code adalah editor kode fungsional dari Microsoft.

    • Atom

      Atom adalah editor kode fungsional, nyaman, dan fungsional. Ini memiliki manajer paket built-in (plugin) untuk memperluas peluang.

    • Braket adalah editor gratis untuk desainer dan pengembang web. Sebagian besar dirancang untuk menulis dan mengedit HTML, CSS, dan kode JavaScript.

    • TextAdept - editor teks untuk programmer. Dibuat dalam gaya minimalis, memungkinkan Anda untuk membagi jendela kerja menjadi beberapa bagian dan melihat satu atau lebih file secara bersamaan. Lampu latar Sintaks didukung untuk sebagian besar bahasa pemrograman.

    • Juffed - Editor Kode untuk Linux. Ini dapat menyorot kode (sintaks), mendukung lipat blok blok, highlightening dari kurung berpasangan dan banyak lagi. Editor mirip dengan fungsionalitas pada Notepad ++.

    • NetBeans - lingkungan pengembangan aplikasi terintegrasi yang kuat (IDE). Mendukung Java, PHP, JavaScript, Ajax, bahasa pemrograman Ruby, Ruby on Rails, C / C ++ dan lainnya.

    • Meditit.

      MEDIT - Editor Teks untuk Linux dengan Sintaks Backlight. Mendukung bahasa pemrograman dasar dan bahasa markup.

    • Screem - Membuat dan mengedit lingkungan - Editor teks untuk desainer web. Screem dirancang terutama untuk menulis kode HTML atau XML.

    Pembaruan (20170929): Untuk tahun lalu saya menggunakan IDE PineGrow yang luar biasa (https://pinefrow.com), dan saya dengan tulus merekomendasikannya. Bluegriffon, yang saya sebutkan di bawah dalam jawaban saya beberapa tahun yang lalu, usang Dan jauh di belakang PineGrow dalam pengembangan.

    Saya merekomendasikan BlueGriffon. Ini gratis, multifungsi, bekerja pada semua platform utama dan memiliki banyak tambahan bagus, beberapa di antaranya komersial. Saya memiliki plugin CSS (komersial), dan saya sangat senang dengan mereka. Saya menggunakan kompozer sebelum saya menemukan BlueGriffon. Saya ingat bahwa Amaya tidak bisa bersaing dengan keduanya.

    Alternatif yang baik adalah Eclipse dengan beberapa plugin WYSIWYG, seperti proyek alat "JavaServer Faces (JSF)", yang merupakan bagian dari Eclipse WebTools.

    Xian.

    Sayangnya, BlueGriffon tidak stabil: Segera setelah saya mengklik mouse di beberapa bagian panel kontrol, itu terjadi dengan kesalahan segmentasi.

    user1908895.

    Sayangnya, Blue Griffon bukan open source dan tidak gratis. Oh, Anda dapat mengunduh file yang dapat dieksekusi dan sumbernya tersedia. Tetapi dikaitkan dengan fungsionalitas yang bermanfaat. Anda perlu membeli plugin dengan kode sumber tertutup untuk membuat program dapat diterapkan. Selain itu, tampaknya ia meninggalkan pengguna Ubuntu 32-bit. Saya memiliki alasan bisnis untuk menjaga perusahaan Anda pada 12,04lts selama kami berada dalam orang bodoh. Akhirnya, penolakan Mozilla dari Xul API berarti bahwa program ini, bersama dengan semua yang lain menggunakan Xul API, akan mati. Bukan produk untuk menghabiskan waktu Anda. John.

    Fakhim Mitha.

    Saya perlu membuat halaman HTML yang cepat dan kotor, dan file biner yang saya unduh dari situs BlueGriffon bekerja untuk saya (Debian Jessie). Namun demikian, itu tidak tersedia untuk Debian / Ubuntu, meskipun di