Settings

Editor Font Size

Font Size: 12px

Theme mode

Dark

Switch between light and dark theme mode.

Line Wrap

Enabled

Enable line wrap to automatically wrap long lines of code to the next line.


ToolBar

Visible

Hide or show the toolbar at the bottom of the editor playground.

Editor Playground Features
Snippets Auto-Completion

Write better code on the go! This powerful feature suggests code snippets as you type HTML tags, CSS properties, and JavaScript code, making coding on your mobile phone easy.

Syntax Highlighting

Enhance code readability with syntax highlighting. Different colors and styles are used to visually differentiate keywords, operators, and other elements of your code, making it easier to spot errors and understand the structure.

Integrated Emmet Support

Take HTML and CSS coding to the next level with Emmet. Type HTML or CSS-like expressions that are dynamically expanded into their corresponding code.

Use the "Emmet cheat sheet" for Emmet expressions.

To expand Emmet expressions, simply tap the Tab key from the toolbar.

Examples of Emmet expressions for HTML:

  • a[href=""] or a:link
  • div.container>h1#title+p
  • ul>li*5
  • nav>ul>li*3>a

Beautify (Code Formatting)

Make your code look neat and professional with just one click. The beautify feature automatically formats your code, improving readability and maintainability.

Search and Replace

Find and replace specific words, tags, or code lines quickly and efficiently. This feature saves time and helps you make changes accurately.

Code Sections Folding

Simplify working with large files by collapsing sections of code. Click on the arrow next to the line number to hide or expand code blocks, making it easier to focus on the relevant parts.

Command Palette

Discover hidden settings and more customization options for your code playground.

TIP: Open command palette to quickly change the programming language mode. Search for "change language mode" and select the desired section (HTML, CSS, or JavaScript).

Remember to revert to the original language mode, as this app is specifically designed for these three languages.

Editor Tools Features
Line Actions

Move Cursor: Navigate your code effortlessly using the Left, Right, Up, and Down arrow keys.

Move Code: Easily move code lines up or down by selecting the desired lines and using the MoveUp and MoveDown buttons.

Code Duplication: Copy code lines up or down by selecting the desired lines and using the CopyUp and CopyDown buttons.

Hex Color Picker

Quickly select colors for your CSS code using the integrated hex color picker.

Clipboard Copy/Paste

Copy: Use the Copy button to quickly copy whole section code to your clipboard.

Paste: Use the Paste button to easily paste text\code from your clipboard.

Undo/Redo Code

Accidentally deleted or modified something? No problem! Use the Undo and Redo functions to quickly revert changes and recover your code.

Multi-Cursor Editing

Increase your coding efficiency by editing multiple locations in your code simultaneously. This feature is especially helpful for making identical or similar changes in multiple places.

Place your cursor where you want to create a new editing point. Then, click the "Multi-Cursor" button in your code editor's toolbar.

Click multiple times to select all similar tags, words, or code. All selected text will be highlighted. Make changes in one cursor, and the same changes will be applied to all other cursors.

Happy Coding! :-)

App Information
App Logo

HTML Writer

Version: 2.0.1

About

Developer: KARAN
Country: INDIA

App Permissions

Internet: Required to load application resources, code editor playground libraries.

Storage: If your device is running on Android 10 or below, this permission is required to save files to your device.

Your Privacy

No personal information or data is collected or transmitted outside of your device. Your code projects are stored locally on your device, ensuring that you have complete control over your work.

Contain ADS

This application uses Google AdMob advertising services. AdMob may collect anonymized data to provide relevant ads. For more information on Google AdMob's privacy practices, please refer to their privacy policy.

© HTML Writer - 2024