{"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-10-29T14:44:19","modified_gmt":"2026-10-29T14:44:19","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>Edit website files with the Hostinger File Editor, a built-in code editor in File Manager that opens text-based files such as .htaccess, index.php, or style.css directly in your browser. The File Editor works for custom PHP\/HTML and WordPress websites and marks syntax errors as you type.<\/p><h3>Before you start<\/h3><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 AI Builder.<\/li>\n<li>To manually modify Hostinger AI Builder (agentic mode) code, use the <a data-click-id=\"hgr-post-content-link-hostinger-ai-builder-agentic-mode-code-editor\" href=\"\/support\/11987074-hostinger-ai-builder-agentic-mode-code-editor\/\">Hostinger AI Builder agentic mode 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 <a data-click-id=\"hgr-post-content-link-file-manager\" href=\"\/support\/4548688-basic-actions-in-the-file-manager-in-hostinger\/\">File Manager<\/a> from your Hostinger dashboard.<\/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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-manager-edit-file.png\/public\" alt=\"Hostinger file manager with the Edit option highlighted in the file menu\" width=\"391\" height=\"147\" data-media-id=\"10202\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-manager-edit-file.png\/w=699,fit=scale-down 699w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-manager-edit-file.png\/w=300,fit=scale-down 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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor.png\/public\" alt=\"Hostinger file editor showing the index.php WordPress file open in code view\" width=\"700\" height=\"250\" data-media-id=\"10203\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor.png\/w=927,fit=scale-down 927w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor.png\/w=768,fit=scale-down 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:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor-commands-shortcuts.png\/public\" alt='Hostinger file editor with command shortcuts popup open, showing \"Go to line...\" highlighted' width=\"651\" height=\"227\" data-media-id=\"10204\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor-commands-shortcuts.png\/w=929,fit=scale-down 929w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor-commands-shortcuts.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/04\/hostinger-file-editor-commands-shortcuts.png\/w=768,fit=scale-down 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<li>To edit an .htaccess file that doesn&rsquo;t exist yet, first<a data-click-id=\"hgr-post-content-link-create-an-htaccess-file\" href=\"\/support\/1583307-how-to-create-an-htaccess-file-at-hostinger\/\"> create an .htaccess file.<\/a><\/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>Edit website files with the Hostinger File Editor in File Manager: open .htaccess, PHP, or CSS files, use shortcuts, and save your changes.<\/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-BR","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-\u044f\u043a-\u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0442\u0438\u0441\u044f-\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u043e\u043c-\u0444\u0430\u0439\u043b\u0456\u0432","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":10,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/662\/revisions"}],"predecessor-version":[{"id":22642,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/662\/revisions\/22642"}],"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}]}}