Skip to content

jlongyam/html-cms

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 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

Changelog

License