Until this moment, we’ve only been able to describe the Hydrogen CMS experience of instant, direct in-browser website editing.
We’re now pleased to be able to let you try it for yourself.
While viewing the web page in your browser you may:
- Edit text by simply clicking on screen to place the cursor, then typing or deleting
- Drag to highlight a section of text and then click an option:
- Choose left, center or right alignment, or justified text
- Make text bold or italic, underlined or capitalised
- Change text size between paragraph and several headings
- Insert a link at the cursor’s location by simply selecting the link option and entering a web address
- Place an image at the cursor’s location by selecting the Insert image option
- Left, center or right-align an image instantly, and see the surrounding text wrap around neatly
- Resize an image by dragging a corner, and see the surrounding text fall into place
- Delete an image with a click
- Click and drag an image to reposition it as you wish
A simple user guide:
- Move the pointer over a heading, paragraph or image and note the cross-hatching indicating the current target.
- Click on something to select that element to be edited.
- Either type as you wish, or select from the buttons to manipulate the current selection.
It’s that easy! Your changes will remain on screen until you leave, or refresh the page.
Note: this is a single test page from the alpha version of Hydrogen CMS, and so there are several features which are not yet available in this demo.
In the full version of Hydrogen CMS, the options will be constantly available from a menu that remains at the top of the screen, rather than the buttons embedded in the page in this demo version.
There may also be bugs using the demo with certain browsers which will be resolved in the full version.






