At least in the example, there did not seem to be a way to undo things. This is a bit annoying, especially because it forces a confirmation step when deleting things. I think most common use-cases would be much better served by being able to undo a delete than having to confirm it each time. Even if you don't want to have a general undo button, I would prefer a GMail-style undo link that only pops up after you've deleted something to the current behavior.
Hmm, IDK. I can see that it could be a good way to represent and manipulate the chunks of text once you've got them, but having to click a special icon and choose the block type every time you add a new paragraph (rather than just pressing "return" for the most common case of a new text paragraph) seems pretty clumsy.
I currently work on a site that uses TinyMCE and inserting images, videos etc. is a nightmare. There's this combination of the burden of HTML sanitization and the illusion of total freedom that TinyMCE gives to content creators. Something with better separation of content types would be wonderful.
Direct editing is becoming more common and therby acceptable I think.
We also use a similar block (or widgets) approach for our editor, and it works really well for mixing all kinds of content in one editor.
Storing them as JSON objects with client-side classes that know how to render them also makes it really easy to add or extend the widgets later on.
I've seen this idea in the real word, and it fails with editors. If you provide WYSIWYG, editors expect to format content just like one does in Word or InDesign, absolutely positioning elements, and the result to be identical (which is obviously a problem nowadays with elastic layouts and mobile sites).
It's still a rough draft — so expect it to work best only in Blink/WebKit now.
* Arrows — move between blocks
* Shift + Arrows — rearrange blocks
* Enter — creates a new paragraph
* Esc — merge with previous block (only for text based blocks, remove current block otherwise)
* If paragraphs starts with # it transforms into heading (repeat # for more heading levels)
* If paragraphs starts with ``` it transform into code snippet
* Images are entered as !(url)
* HR — *
It's just about 500LOC, Thanks to excellent React library. No inline markup yet, but it's not difficult to add. Also needs some more polishing and tests.
• The ability to track and apply revisions a la substance.io (http://substance.io/#substance/manual). Having granular control about both the contents and placement of blocks is very important, especially when considering that a lot of content is edited while being written and revised once published. Substance's extension API is worth checking out too.
That said though, I think you're doing great work, and I'll be watching this project closely. Death to TinyMCE!
Strange name though. Since the author is british, I assume it was named after this guy: http://en.wikipedia.org/wiki/Trevor_McDonald
Edit: "Brought to you by ITV.com" kind of confirms it
He's best known for being a good communicator, clear and concise, informative but never patronising. Which makes him quite a good 'patron' for a writing app.
The nicest (for me) aspect of Markdown, is that it removes the need to mess around with anything other than text to produce a formatted output document. Sir Trevor seems to remove that benefit, for limited upside.
The drag-and-drop repositioning is also much slicker with Checkthis, as you get to see the other blocks shuffle around the one you're moving, rather than partially so with a copy of the block.
Sir Trevor is a good start though!
That being said I'll probably still use this somewhere and just deal with the support calls or try to get it to support 9 somehow, great work!.
This is going to become a big part for us next year when we hopefully start the rewrite.
Nicely done! Plus, everyone is excited to use it because we all adore Sir Trevor!
4. Click numbered list icon.
6. Click numbered list icon.
No numbered list re-appears.
Doesn't make a strong first impression..
I like the look of Pen (http://sofish.github.io/pen/) though
If you use Rails, also have a look at the Gem I just published for it: https://github.com/neowork/pen
I kinda wish there was a paragraph split operator; dupe the paragraph and you delete some (different) text from each.
Does anyone knows if there is comment system like medium have (individual comments for each paragraph)?
It kind of reminds me of the commenting system that was used for the GPLv3 draft: http://gplv3.fsf.org/comments/gplv3-draft-2.html , for which the source code is here: https://gitorious.org/stet
The use case I am thinking about is crowdsourcing typo corrections --- while reading some text you see a type, click click and you submit a typo-fix to the author. Such a tool would vastly improve the quality of English out there on the interwebs.
Beautiful demo BTW, totally sold it to me. Congrats!
One improvement to Sir Tevor would be to provide drag-and-drop ordering, which Concrete5 has today.
Can anyone share more details on that? It can be cool for pitches.
so i guess you followed the "release early" advice well...
Had a little problem with one of the dependencies though (removed a line from the source of underscore.js to get it to work, everything else just works fine)