yosko / jotter

Jotter is a lightweight, no database, powerful web notebook that lets you create and manage notes online safely, quickly & easily.

Jotter

Jotter is a lightweight, no database, powerful web notebook that lets you create and manage notes online safely, quickly & easily.

See the demo or install it yourself!

Features

• Markdown and WYSIWYG (What You See Is What You Get) editors
• organize notes hierarchically
• manage as many notebooks as you want
• multi-user support (currently, notebooks can't be shared between users)
• no DBMS needed. Everything is stored in flat files (JSON & Markdown)

Requirements

• PHP 5.3 or above
• write access to the sub-directory data/

Install

New install

1. Upload it (or git clone it) on your server (let's say in /var/www/jotter)
2. Go to the corresponding URL (lets say http://www.example.com/jotter)

Update

Currently the update is quite easy:

1. (optional) backup your data/ directory up
2. just overwrite app files with latest version ((or git pull it)
3. That's all, folks!

TODO

• Next version:
  • remember folded/unfolded folder (will change the save format)
• Following ones:
  • Trash bin for deleted notes
  • Keep last N versions of each note and restore it on demand
  • Option to make some notes/notebooks publicly accessible
• Not sure if possible:
  • Sync API (à la Simplenotes?) for desktop/mobile apps
  • Share notebooks between users & handle concurrent edit (à la Etherpad?)
  • Patch the WYSIWYG and Markdown libraries to enhance behavior and avoid most common rendering problems

Version History

• v0.4 (2014-03-20)
  • major Javascript rewrite
  • introduced markdown editor (with help page)
  • fixed wysiyg editor issues
  • display version number
  • dropdown for changing notebook now always accessible
  • add note/directory now accessible from contextual menu
  • fixed save shortcut not always working in Firefox
• v0.3 (2013-11-28)
  • drag & drop to move notes/directories within a notebook
• v0.2 (2013-11-22)
  • fold/unfold directories (not yet saved on server)
  • moved/changed some buttons for better ergonomics
  • always keep toolbar visible
  • change notebook without returning to homepage
  • interactive source code display (whitout base64 code)
  • image button implemented
  • prefill link with 'http://'
  • FIX random sort order
  • other minor fixes and tweaks
• v0.1 (2013-11-18)
  • initial version

License

Jotter is a work by Yosko, all rights reserved.

It is licensed under the GNU LGPL.

Dependencies

Everything you need to make Jotter work is already on this repository. It includes:

• PHP Markdown
• HTML To Markdown for PHP, under the MIT license.
• YosLogin, under the GNU LGPL license. This library also includes:
  • Secure-random-bytes-in-PHP, under the New BSD license.
• bootstrap-wysiwyg, under the MIT license. This library also includes:
  • jQuery Hotkeys, under the MIT & GPL2 licenses.
  • jQuery, under the MIT license.
  • Bootstrap.js, under Apache License v2.0.

jotter's Issues

Markdown to HTML conversion

Provide a way to convert Markdown to HTML via the Wysiwyg editor or any other way. Objectives:

• allow people to convert markdown text any time they want
• make it possible to change the type of editor used in a notebook
• avoid problems when migrating from a version < 0.4

Android app.

Android app with sync for multi-devices access.

Responsive CSS

Chouette projet!

Chez moi le CSS passe assez mal sur les petit écrans (smartphones). J'ai essayé d'adapter le CSS mais n'étant pas familier de l'emploi des flexbox, j'ai laissé tombé (je sortais complètement de la logique de développement...). Par contre, je ne suis pas sûr de comprendre l'avantage d'utiliser des flexbox si le template ne s'adapte pas aux différentes tailles d'écran...

Ceci dit, c'est sans doute plus facile d'améliorer cet aspects CSS avant de développer une api et d'éventuelles apps.

Ne serait-il pas possible également de chiffrer un minimum les données?

Bonne continuation en tout cas !!

Little design «issue»

Hi,
Just a little advice (not really an issue…) :
In the dropdown menu (where you can select and change the current notebook), notebooks titles are in text-align:center, it can confuse the user : at the first look if you have one long and one short title, it seems like a hierarchy in notebooks.

May seems a little bit precise, but i personally spent 5 minutes to look how I made a child notebook… but it wasn't me ಠ_ರೃ

Good work, Jotter is veeeeeery usefuul 👍

Bug lors de la première utilisation

Salut mon pote,
J'ai un bug juste après l'installation et la première connexion; comme je n'ai pas le temps de me pencher dessus (je suis au boulot) je te mets directement la capture d'écran.
http://files.warriordudimanche.net/index.php?f=528b71ca5c04b

A+ tard ;)

Markdown preview not working in demo mode

What is the point of a demo if it cannot show one of the main functionnalities?

0.4 / Save problem using accents éèàê...

When I save a text with accents, there's an erro in JS
Uncaught SyntaxError: Unexpected token < editor.js:147
BaseEditor.saveNote editor.js:147
(anonymous function)

and Jotter only saved the part before the accent...

petit bug css

Salut mon pote ;)
J'ai noté un petit bug css sur la toolbar: elle couvre une partie des outils:

Je n'ai pas trop approfondi, mais on peut la rendre invisible si elle n'est pas utile ou même la positioner en fixed avec top:0 genre ça

Toutefois, je pense que tu trouveras un truc plus propre ^^ Si j'avais un moment, j'approfondirais pour te proposer une solution clé en main... if only ^^

Sinon, c'est tiptop, par exemple pour gérer les idées de projets ^^ (J'EN AI PLEIN ! Argh !)
Encore merci ;)

Saving issues

Hi,
If I copy/paste some tetx (formated or not), when i save / reload the note, I see HTML and not formated text.
An other point, I think this is the same isssue : If I make some lists with sub lists (I use it to do todo's), when I reload, the indentation is gone. If I reload a second time, each <li>element become a different list (each have own <ul>).
I think there is an issue with the parser or the .md converter (I am not skilled enougth to have a look).