Skip to content

jlongyam/html-cms

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tiny CMS in single file plain html

Goal

  • Code playground html, js, css
  • Code preview
  • File snippet
  • Keep <mark>
  • Small size, 8 KB
  • Configurable
  • Mobile friendly
  • Data stored in EOF
  • Demo

View mode

Method 1

Switch page view by added data-mode

value: snippet or website, default is empty

Example:

<html lang="en" data-mode="snippet">

Method 2

Add query search to URL file.html?mode=[Value]

Example:

/display.html?mode=snippet

If data-set was present in file.html then want to go back to

admin mode, it can be access by ?admin

Demo:

Roadmap

  • Splited files
  • Fix tab on desktop
  • Add marker button for mobile
  • Add mode live and mode snippet
  • Use sessionStorage
  • Tabs style
  • Additional menu space
  • Minify
  • Responsive

MIT License

Changelog

  • v2.0.0

    Add split files flavour

  • v1.1.1

    Add sessionStorage capability

  • v0.1.0

    first stable release

  • v0.0.2

    single file display.html