{"id":662,"date":"2023-05-26T08:10:56","date_gmt":"2023-05-26T08:10:56","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2023\/05\/26\/7949267-how-to-use-the-file-editor-at-hostinger\/"},"modified":"2026-05-08T13:01:54","modified_gmt":"2026-05-08T13:01:54","slug":"7949267-how-to-use-the-file-editor-at-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/7949267-how-to-use-the-file-editor-at-hostinger\/","title":{"rendered":"How to edit website files using the Hostinger File Editor"},"content":{"rendered":"<p>The Hostinger <span data-path-to-node=\"3,0\"><a href=\"https:\/\/www.hostinger.com\/support\/4548688-basic-actions-in-file-manager\">File Manager<\/a><\/span> includes a built-in file editor that allows you to open and modify text-based files for custom PHP\/HTML and WordPress websites. This tool lets you manage essential files like <code>.htaccess<\/code>, <code>index.php<\/code>, or <code>style.css<\/code> directly from your browser without needing an external FTP client or a local code editor.<\/p><h2 id=\"h-before-you-start\">Before you start<\/h2><ul>\n<li>These steps apply to text-based files on web and cloud hosting plans.<\/li>\n<li>On agency hosting, core WordPress files are read-only and cannot be modified.<\/li>\n<li>File editing is not supported for websites created with the Hostinger Website Builder.<\/li>\n<li>To manually modify Hostinger Horizons code, use the <a href=\"https:\/\/www.hostinger.com\/support\/11987074-hostinger-horizons-code-editor\/\">Hostinger Horizons code editor<\/a>.<\/li>\n<\/ul><div class=\"intercom-interblocks-callout\" style=\"background-color: #feedaf80;border-color: #fbc91633\">\n<p class=\"no-margin\">Always create a backup or copy of your file before editing. Incorrect changes to system files can cause website errors.<\/p>\n<\/div><h2 data-path-to-node=\"4\" id=\"h-how-to-open-the-hostinger-file-editor\">How to open the Hostinger File Editor<\/h2><p>Follow these steps to start editing your files:<\/p><ol>\n<li>Access the File Manager from your hPanel.<\/li>\n<li>Navigate to the file you wish to modify.<\/li>\n<li>Double-click the file name, or right-click the file and select <strong>Edit<\/strong>.<br>\n<img decoding=\"async\" class=\"aligncenter wp-image-10202\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-manager-edit-file.png\" alt=\"Hostinger file manager with the Edit option highlighted in the file menu\" width=\"391\" height=\"147\" data-media-id=\"10202\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-manager-edit-file.png 699w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-manager-edit-file-300x113.png 300w\" sizes=\"(max-width: 391px) 100vw, 391px\" \/><\/li>\n<\/ol><h2 id=\"h_b065a1b521\">Hostinger File Editor features<\/h2><p class=\"no-margin\">The File Editor has the following features:<\/p><p><img decoding=\"async\" class=\"aligncenter wp-image-10203\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor.png\" alt=\"Hostinger file editor showing the index.php WordPress file open in code view\" width=\"700\" height=\"250\" data-media-id=\"10203\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor.png 927w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor-300x107.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor-768x274.png 768w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p><h3 class=\"intercom-container intercom-align-center\">Header<\/h3><ul>\n<li class=\"no-margin\">Close button: Exits the File Editor.<\/li>\n<li class=\"no-margin\">Name of the currently open file.<\/li>\n<li>Font size selector: displays the current font size and options to change it.<\/li>\n<li class=\"no-margin\">Save button: Saves the changes.<\/li>\n<\/ul><h3>Top bar<\/h3><ul>\n<li class=\"no-margin\">Breadcrumb: Shows the path from your website root directory (<code>public_html<\/code>) to the currently open file.<\/li>\n<li>Editing button: Copy, cut, paste.<\/li>\n<li>Options button (&#8942;): Opens all the available commands and their shortcuts.<\/li>\n<li>Line numbers &ndash; <span data-path-to-node=\"9,4,1,0\"><span class=\"citation-89\">Indicates code lines and displays syntax error indicators or <\/span><\/span>folding toggles.<\/li>\n<\/ul><h3 class=\"no-margin\">Editor Area<\/h3><p class=\"no-margin\">Displays the file content. <span data-path-to-node=\"9,5,0,2\"><span class=\"citation-88\">Click any line to show the cursor and begin typing<\/span><\/span><span data-path-to-node=\"9,5,0,4\">.<\/span><\/p><p>The editor provides syntax highlighting for common programming languages. If a syntax error is detected, a red &#10060; icon appears next to the line. Hover over the icon to view specific error details.<\/p><p>Once finished, click <strong>Save<\/strong>. If you click <strong>Close<\/strong> without saving, a popup will appear to confirm that your changes will be lost.<\/p><h2 id=\"h_b7510d420d\">Hostinger File Editor shortcuts and commands<\/h2><p>To open the full list of available actions and their corresponding keyboard shortcuts within the Hostinger File Editor, follow these steps:<\/p><ol>\n<li>Click on the vertical ellipsis (&#8942;) button located in the top-right corner of the editor.<\/li>\n<li>A search bar and a dropdown menu will appear, displaying all supported commands such as Find, Replace, Fold, and Select all.<br>\n<img decoding=\"async\" class=\"aligncenter wp-image-10204\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor-commands-shortcuts.png\" alt='Hostinger file editor with command shortcuts popup open, showing \"Go to line...\" highlighted' width=\"651\" height=\"227\" data-media-id=\"10204\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor-commands-shortcuts.png 929w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor-commands-shortcuts-300x105.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor-commands-shortcuts-768x268.png 768w\" sizes=\"(max-width: 651px) 100vw, 651px\" \/><\/li>\n<li>You can scroll through the list or type a specific command in the search bar to find its shortcut for your operating system.<\/li>\n<\/ol><p><strong>NOTES<\/strong><\/p><ul>\n<li>You can select blocks of code and apply editing actions such as move and copy lines up or down.<\/li>\n<li>Keyboard shortcuts for comments and code folding are only available for supported programming languages.<\/li>\n<\/ul><p>You can now efficiently manage and edit your website files using the built-in editor within the Hostinger File Manager.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Manage and modify your website code using the built-in code editor within the Hostinger File Manager<\/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":[192],"tags":[],"class_list":["post-662","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\/support\/wp-json\/wp\/v2\/posts\/662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=662"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/662\/revisions"}],"predecessor-version":[{"id":10206,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/662\/revisions\/10206"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}