about

(tl;dr i'm writing my own html editor in javascript)

pocketmarkup is a simple tool to quickly insert HTML or XML markup tags into text on mobile devices. Originally designed in 2002 for Microsoft PocketPC and a plastic stylus, in 2026 the project is being revived by one of the original developers for usage in a web browser on mobile phones.

The concept is simple: select the text and choose your tag! The word list grows as you write, and your favourite tags rise to the top. (loads more features coming soon!)

features

or just try it

designed for writing html code on mobile screens
quickly add tags by entering name or select from list
live preview of your html code
saves word list across sessions using localStorage, no data is sent to my server
light/dark mode option

technical information

pocketmarkup is one of those single-page web apps written by hand in pure javascript using no third-party libraries. it should work in any modern web browser at any screen resolution, but it is specifically designed for mobile users.

this project is very new and experimental (and only really has one feature so far,) but i'm already using it to write my own code.

updates

6. added option to set stylesheet and class name for preview

5. added auto-detect of void tags

4. added temporary storage of code in sessionStorage to protect against page refreshes (implemented after the first time i accidentally refreshed the page)

3. added light/dark mode

2. added preview window

1. created first version with basic add tag button and user tag list persisted to localStorage

todo/wishlist

~~empty tag button (for things like p and li)~~ (not needed, void tags are auto-detected)
undo/redo
cut, copy, paste
attribute editor
turn off text wrapping option
insert space around block elements
auto close quotes and tags
text manipulation tools
set stylesheet in preview
clear/edit word list
recover previous session
selection modifier buttons
font options
text size changer
syntax highlighting (doubtful)
open from url
save back to neocities

known bugs

some browsers lose the text selection range on blur which means the tag sometimes ends up in the wrong place. workaround: make sure the text is actually selected before clicking the button.

licence

pocketmarkup is released under a creative commons attribution, non-commercial, share-a-like licence (CC BY-NC-SA 4.0.) that means it must always be free, and anyone is welcome to self-host or remix this project as long as you credit me as the original author and release it under the same licence. you may not redistribute or modify this work for commercial gain.

credits

header font DF667 Chlorine by Caffeen Fonts, body font Old Timey Code by Darren Embry