diff --git a/editions/codemirrordemo/tiddlers/DefaultSidebarTab.tid b/editions/codemirrordemo/tiddlers/DefaultSidebarTab.tid new file mode 100644 index 000000000..e28688819 --- /dev/null +++ b/editions/codemirrordemo/tiddlers/DefaultSidebarTab.tid @@ -0,0 +1,5 @@ +title: $:/config/DefaultSidebarTab + + +$:/codemirrordemo/sidebar/cheatsheet + diff --git a/editions/codemirrordemo/tiddlers/HelloThere.tid b/editions/codemirrordemo/tiddlers/HelloThere.tid index 75f3882d3..11ec8ce0e 100644 --- a/editions/codemirrordemo/tiddlers/HelloThere.tid +++ b/editions/codemirrordemo/tiddlers/HelloThere.tid @@ -1,11 +1,43 @@ title: HelloThere -This is a demo of TiddlyWiki5 incorporating a plugin for the [[CodeMirror|http://codemirror.net/]] text editor for the web. +This is a demo of [[TiddlyWiki5|https://tiddlywiki.com]] incorporating a plugin for the [[CodeMirror|http://codemirror.net/]] text editor for the web. -Try editing the tiddler LoremIpsum to try out the editor. +The ~CodeMirror plugin can be extended with ~AddOns for more functionality: -To add the plugin to your own TiddlyWiki5, just drag this link to the browser window: +* Search and Replace +* Text - Autocompletion +* Syntax highlighting +* Fullscreen editing +* Keymaps in the style of Emacs, Sublime Text or Vim +* Closing Brackets +* Closing Tags + +NOTE: This demo has the ''Sublime Text'' keymap installed. + +!!!Try editing the tiddler [[Draft of 'LoremIpsum']] to try out the editor. + +Some commands and functions to try: + +* Ctrl+F : Search panel to search for expressions +* Ctrl+H (sublime text shortcut, default is Ctrl+Shift+R) : Search and Replace +* Ctrl+Space : Triggers Autocompletion +* typing an opening bracket like `{` automatically creates the closing bracket `}` +* tiddlers with type `application/javascript`, `application/json`, `text/css`, `text/html`, `text/xml`, `text/x-markdown` and `text/x-tiddlywiki` have Syntax Highlighting +* tiddlers with type `text/html` automatically close tags like `