{"id":47,"date":"2025-03-12T10:21:07","date_gmt":"2025-03-12T10:21:07","guid":{"rendered":"https:\/\/blog.hostinger.io\/id\/support\/2025\/03\/12\/7949267-cara-menggunakan-file-editor-di-file-manager-hostinger\/"},"modified":"2025-08-26T19:52:59","modified_gmt":"2025-08-26T19:52:59","slug":"7949267-cara-menggunakan-file-editor-di-file-manager-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/id\/support\/7949267-cara-menggunakan-file-editor-di-file-manager-hostinger\/","title":{"rendered":"Cara Menggunakan File Editor di File Manager Hostinger"},"content":{"rendered":"<p class=\"no-margin\">Di <b>File Manager<\/b> Hostinger, Anda bisa membuka dan mengedit berbagai file teks, seperti file dengan ekstensi <b>.html<\/b>, <b>.php<\/b>, file <b>.htaccess<\/b>, dan lainnya. Fitur ini memudahkan Anda mengelola file tanpa perlu download dan upload file setiap kali melakukan perubahan.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #feedaf80;border-color: #fbc91633\">\n<p class=\"no-margin\">&#128161; <b>Penting:<\/b> Mengedit file dapat menyebabkan error pada website Anda. Pastikan untuk membuat salinan file sebelum mengedit dan lakukan perubahan.<\/p>\n<\/div><p class=\"no-margin\">\n<\/p><h1 id=\"h_0e8e243e32\">Cara Membuka File Editor<\/h1><p class=\"no-margin\">Untuk membuka <b>File Editor<\/b> dari <b>File Manager<\/b>, Anda bisa menggunakan salah satu cara berikut:<\/p><ol>\n<li>\n<p class=\"no-margin\"><b>Klik dua kali<\/b> pada nama file yang ingin diedit.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Klik kanan<\/b> pada file, lalu pilih <b>Edit<\/b>.<\/p>\n<\/li>\n<\/ol><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2025\/03\/13320cfb-54be-43a4-becd-59d9600e794d.jpg\"><\/div><p class=\"no-margin\">\n<\/p><h1 id=\"h_3fe7d6039a\">Bagian dan fitur di File Editor<\/h1><p class=\"no-margin\"><b>File Editor<\/b> dilengkapi dengan berbagai bagian dan tombol untuk memudahkan pengeditan, yaitu:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2025\/03\/af5254a2-d26b-44a5-9d7f-edac36c4191b.jpg\"><\/div><p class=\"no-margin\">\n<\/p><ol>\n<li>\n<p class=\"no-margin\"><b>Tombol Close (Tutup):<\/b> keluar dari File Editor.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Nama File:<\/b> menampilkan nama file yang sedang dibuka.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Tombol Save (Simpan):<\/b> menyimpan perubahan yang telah Anda buat.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Breadcrumb:<\/b> menunjukkan jalur file dari direktori root website (<i>public_html<\/i>) ke file yang sedang dibuka.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Nomor Baris:<\/b> menampilkan nomor baris, indikator kesalahan sintaks, dan toggle untuk melipat kode jika memungkinkan.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Editor Area:<\/b> menampilkan isi file. Klik pada baris mana pun untuk mulai mengedit.<\/p>\n<\/li>\n<\/ol><p class=\"no-margin\">File editor mendukung <b>Highlight Sintaks, <\/b>yang berfungsi untuk menyorot sintaks untuk berbagai bahasa pemrograman. Jika terdapat kesalahan kode, tanda &#10060; akan muncul di sebelah nomor baris. Arahkan kursor ke tanda tersebut untuk melihat deskripsi kesalahan:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2025\/03\/4fa53f65-9519-4453-a7f1-7ae7c29e2c92.jpg\"><\/div><p class=\"no-margin\">\n<\/p><h1 id=\"h_00be219b8d\">Shortcut Keyboard<\/h1><p class=\"no-margin\">File Editor di Hostinger mendukung berbagai pintasan keyboard yang memudahkan navigasi dan pengeditan file. Berikut adalah daftar shortcut yang bisa Anda gunakan untuk meningkatkan produktivitas saat mengelola file.<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_e16f806ba7\">Navigasi<\/h2><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2025\/03\/6eb74bf9-03f6-4f00-80d7-20df3994e440.jpg\"><\/div><p class=\"no-margin\">\n<\/p><h2 id=\"h_7dec7e61c8\">Pengeditan Dasar<\/h2><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2025\/03\/57b3626c-8df2-45cc-8890-4d2a29a8c69c.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">*Fitur komentar hanya tersedia jika file ditulis dalam bahasa pemrograman yang didukung.<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_e3887a0863\">Mengedit Blok Kode<\/h2><p class=\"no-margin\">Gunakan shortcut berikut saat memilih satu atau beberapa baris kode. Baris akan dipindahkan atau disalin sesuai perintah:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2025\/03\/653bf983-3aec-4f19-958f-1215d3837a91.jpg\"><\/div><p class=\"no-margin\">\n<\/p><h2 id=\"h_c95d0d970d\">Code Folding (Lipat Kode)<\/h2><p class=\"no-margin\">Jika file ditulis dalam bahasa pemrograman yang didukung, Anda bisa melipat atau memperluas bagian kode dengan shortcut berikut:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/id\/support\/wp-content\/uploads\/sites\/57\/2025\/03\/cb6d1fa1-86f3-4c3b-9aff-c8231f3bf06d.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Anda juga bisa menggunakan ikon panah di sebelah nomor baris untuk melipat atau membuka kode.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Selesai! Kini Anda bisa mengedit file dengan lebih cepat dan efisien dengan File Editor &#128640;.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Menggunakan file berbasis teks langsung dari File Editor di Manajer File<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[167],"tags":[],"class_list":["post-47","post","type-post","status-publish","format-standard","hentry","category-file-manager"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/7949267-how-to-use-the-file-editor-at-hostinger\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/7949267-como-usar-el-editor-de-archivos-en-hostinger\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/7949267-comment-utiliser-l-editeur-de-fichiers-chez-hostinger\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/7949267-cara-menggunakan-file-editor-di-file-manager-hostinger\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/7949267-como-usar-o-editor-de-arquivos-da-hostinger\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/7949267----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/47\/revisions"}],"predecessor-version":[{"id":740,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/posts\/47\/revisions\/740"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/media?parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/categories?post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/support\/wp-json\/wp\/v2\/tags?post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}