All Projects → Gk0Wk → CodeMirror-Mode-TiddlyWiki5

Gk0Wk / CodeMirror-Mode-TiddlyWiki5

Licence: MIT license
Adds Syntax Highlighting & Hint for TiddlyWiki5 tiddlers (text/vnd.tiddlywiki) to the CodeMirror.

Programming Languages

javascript
184084 projects - #8 most used programming language
python
139335 projects - #7 most used programming language
CSS
56736 projects
Makefile
30231 projects

Projects that are alternatives of or similar to CodeMirror-Mode-TiddlyWiki5

TW5-CodeMirror-Enhanced
An enhanced for CodeMirror framework in TiddlyWiki, including TW5 highlight, WikiLink auto-completion, expandable hint, snippets, etc.
Stars: ✭ 24 (+26.32%)
Mutual labels:  tiddlywiki5, tiddlywiki-plugin, codemirror-mode
tw5-locator
TiddlyWiki plugin: Discover and search by context, related tags
Stars: ✭ 38 (+100%)
Mutual labels:  tiddlywiki5, tiddlywiki-plugin
tw-echarts
An All-in-one Visualization Framework for TiddlyWiki5 based on ECharts
Stars: ✭ 17 (-10.53%)
Mutual labels:  tiddlywiki5, tiddlywiki-plugin
twsr
Standalone Spaced Repetition System for TiddlyWiki
Stars: ✭ 15 (-21.05%)
Mutual labels:  tiddlywiki5, tiddlywiki-plugin
tw5-markdown
Comprehensive Markdown plugin for TiddlyWiki
Stars: ✭ 26 (+36.84%)
Mutual labels:  tiddlywiki5, tiddlywiki-plugin
TW5-GitHub-Saver
Direct saving Tiddlywiki 5.1.20+ to GitHub Pages using the new Tiddlywiki Github Saver Mechanism
Stars: ✭ 16 (-15.79%)
Mutual labels:  tiddlywiki5
tw5-firebase
Use Google Firebase to host your TiddlyWiki5 wiki!
Stars: ✭ 28 (+47.37%)
Mutual labels:  tiddlywiki5
TW-Tamasha
Presentation and slideshow app using web technology based onTiddlywiki
Stars: ✭ 28 (+47.37%)
Mutual labels:  tiddlywiki5
TW-Section
create, edit and manage big and lengthy tiddlers through sectioning
Stars: ✭ 18 (-5.26%)
Mutual labels:  tiddlywiki5
tw5-checklist
Simple checklist widget for TiddlyWiki5:
Stars: ✭ 47 (+147.37%)
Mutual labels:  tiddlywiki5
tiddlywiki-remotestorage
a syncadaptor plugin that saves tiddlers on custom remoteStorage directories
Stars: ✭ 20 (+5.26%)
Mutual labels:  tiddlywiki5
Notebook
Notebook is a clean, uncluttered theme for TiddlyWiki.
Stars: ✭ 53 (+178.95%)
Mutual labels:  tiddlywiki-plugin
tiddlywiki-ipfs
IPFS with TiddlyWiki
Stars: ✭ 50 (+163.16%)
Mutual labels:  tiddlywiki-plugin
codemirror-mode-elixir
A CodeMirror mode for the Elixir language
Stars: ✭ 16 (-15.79%)
Mutual labels:  codemirror-mode
codemirror-promql
PromQL support for the CodeMirror code editor
Stars: ✭ 35 (+84.21%)
Mutual labels:  codemirror-mode
TW5-codemirror-plus
An attempt to make a better writing experience for TW using codemirror.
Stars: ✭ 26 (+36.84%)
Mutual labels:  codemirror-mode

CodeMirror-Mode-TiddlyWiki5

This project is deprecated, the new repo is here.

这是一个旧项目,不再更新, 新的项目工程在这里.

Adds Syntax Highlighting for TiddlyWiki5 tiddlers (text/vnd.tiddlywiki) to the CodeMirror, along with some other useful editor addon (wikilink hint, macro hint, etc.). Now is under development.

为 TiddlyWiki 的 CodeMirror 编辑器添加 TiddlyWiki5(text/vnd.tiddlywiki)语法高亮,同时还有其他有用的编辑器扩展(如 Wiki 链接自动提示、宏提示等),以及可以打开的链接。现在正在开发中。

> English Readme <


插件说明

增加 CodeMirror 对 TiddlyWiki5 语法高亮的支持,所有 MIME 类型留空或者为text/vnd.tiddlywiki的 tiddler 都会有高亮。同时支持像VSCode那样在打字时实时进行代码补全提示+预览(目前仅实现了 WikiLink 补全),且不需要Ctrl+Space激活。

插件还在开发中,如有任何建议或者 bug 请直接提 Issue。

安装&编译

请首先安装最新版CodeMirror主插件和CodeMirror Autocomplete子插件(不然会报错)。

直接去Release下载CodeMirrorModeTiddlyWiki5-X.X.X.json,然后将其拖拽到你的 TiddlyWiki 中,或者在 TiddlyWiki 中导入之。

如果插件报错了,不必惊慌,因为插件不会对 TiddlyWiki 本体内容做修改,所以只需要卸载就能够消除问题,但保险起见还是建议先备份再安装

如果想 DIY 和编译,请直接运行make或者make build。请注意,被打包的是那几个xxx.min.jsxxx.min.css

功能介绍

高亮TiddlyWiki5语法,支持内嵌代码块和LaTeX的语法高亮

Default: default

Ayu-Dark: ayu-dark

TiddlyWiki: tiddlywiki

注意:这些主题有些是我自己装的,如感兴趣换主题,请阅读 TiddlyWiki 的 CodeMirror 的 README。

WikiLink实时补全提示+预览

wikilink-hint

在预览打开的情况下:

hint-preview

可点击的链接

wikilink-hint

  • 对于 macOS 用户,cmd + 鼠标左键 可以打开 tiddler 或者外部 url。
  • 对于非 macOS 用户,ctrl + 鼠标左键 可以打开 tiddler 或者外部 url。

其他功能正在开发中。

开发感想

在使用 TiddlyWiki 之后,一直苦于 TiddlyWiki5 语法没有高亮支持,写作体验不是很好。之前有也在网上找到一些相关的解决办法,例如在Google Group上面有人建议用 TiddlyWiki2 的语法进行 Hack,但是这种方法并不完美。

也有人编写了一个可用的 CodeMirror 的扩展版本TW5-CodeMirror-Plus,虽然是可用的,但是有两个问题:一个是语法高亮的内容有限,另一个是该插件直接基于 theme 而非 mode 进行开发,这就导致如果想要用 TW5 的高亮就必须舍弃其他语法高亮,并且无法自定义主题。所以最终还是打算自己写一个 :D

本插件一开始也是基于TW5-CodeMirror-Plus开发的,只不过魔改了很多,现在基本上是两个不同的插件了。

TODO List

  • 代码块内的语法高亮与缩进。
  • LaTeX 公式高亮与缩进。
  • 自动补全内部链接的 tiddler 名称。
  • 可点击的URL与WikiLink。
  • 补全提示的预览框。
  • 其他代码提示。
  • 代码错误检查。
  • 鼠标悬在 LaTeX 代码上方能够进行公式预览。
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].