/Textbottle

Web-based WYSIWYG editor

Primary LanguageJavaScript

Textbottle

This is an web-based WYSIWYG editor.

landscape login

Demo

Login Info (for testing)

You will be able to view a couple of excerpts from actual Medium articles.

Editor

editor

This editor provides a few formatting options, which are bold, italics, hyperlinks, headers, and quotes. These are styled similarly to Medium.

Auto-save

This editor has an auto-save feature. The writing will be automatically saved after a certain amount of time has passed when the user has stopped typing. It saves the writing with the following format:

  • Title: First line of the writing
  • Subtitle: Second line of the writing
  • Full content: The entire writing
  • Last edited date

Side Pane

mobile-image

The hamburger menu will have the sidepane 'push and squeeze' in wide display, or 'pop-over' when viewing in small display sizes. The writings will be listed in chronological order of creation with the latest on the top to the oldest on the bottom.

Built/Tested With

  • Express
  • Mongo
  • Mongoose
  • Chai
  • Passport
  • Heroku
  • Travis