BBCode Live Editor

Published  at  12:51 PM

BBCode Live Editor

Netlify Status

Current Features

  • Live preview
  • Sync Scrolling
  • Several Themes: Clear Sky, Sunset, Dawn, Glutton
  • Changing editor and preview font and font size
  • Shortcuts
  • Can be installed as a PWA
  • Save as text file
  • Open txt and docx file
  • Save and sync on cloud


To run locally and enable cloud/firebase, add your own configuration on firebase.js. On your firebase project, create a database on firestore and create document named β€˜documents’.

apiKey: apiKey,
authDomain: authDomain,
projectId: projectId,
storageBucket: storageBucket
messagingSenderId: messagingSenderId,
appId: appId

*   Inspired by [Marcdown](
*   Using javascript bbcode rendering from [qgustavor](

Terms of Use

  • Do not remove the credit completely or make them invisible, you may replace it to a visible place.
  • Do not steal the code or take parts of the codes and put them in your own theme, do not use them as base code too.
  • Do not redistribute my codes unless you have my permission, please just redirect people to this page OR reblog my posts about the codes.
  • Altering the code is allowed but keep the credit intact.
  • You may remove the credit only for base codes.