Adithya! This is wonderful, especially for people like me who want the
tiniest degree of separation between View and Edit modes!
Some things I hope you can add:
\define macroMe(name:"teacup")
> I'm a little $name$
> \end
Can macro definitions have a certain color, and the macro name to be bold?
For example, I wish this whole block to be <<colour muted-foreground>>,
where $name$ is highlighted in another color, maybe <<colour
code-foreground>>, sample:
\define *macroMe*(name:"teacup")
> I'm a little $*name*$
> \end
As an extension to this thought: can I target this whole text block in CSS?
This is a desirable workflow for me: on mouse-hover, this whole block of
text is very visible, to allow no room for mistakes while editing. Then
with no mouse hover, it assumes the coloring as stated above, or maybe even
just a lighter opacity (I can do this with CSS of course, if it's a class
that can be *exposed *to me)
//ddf//
> __underline__
> ~~strikethrough~~
And some sup^^s^^ and sub,,s,, because I write like this sometimes
I hope you can add the above in the future, especially the *//Italics//*, __
*underlines*__, and ~~strike-throughs~~! (no google groups formatting for
strikethroughs, so I can't show the visualization)!
> <<list-links "[tag[task]sort[title]]">>
> <<macroMe "ant">>
Like [[*]] and {{*}}, can <<* "">> have a color? And within it, can strings
starting and ending with* "* also be styled? Sample:
<<list-links "*[tag[task]sort[title]]*">>
<<macroMe "*ant*">>
For strings inside back-ticks,
`monospace me, and color <<colour code-foreground>>?`
> ```
> monospace me, too?
> ```
I've set my CodeMirror font to *NonSerif*, can it be so that strings within
back-ticks are monospaced, colored <<colour code-foreground>>?
As for the html links, they're colored already, but can that be extended so
that maybe clicking on them while CTRL is held down, will result to the
link opening in another browser tab? Also, I write external links this way
a lot:
[[title|http://adithyab.tiddlyspot.com/]]
>
can it be treated differently from a normal tiddler [[*]] link ? Sample:
[[*title*|http://adithyab.tiddlyspot.com/]]
I'm sorry if these are a hassle to include! I am requesting these from the
perspective of someone going in and out of wikitext and defining macros,
who need these visual identifiers in the textarea.
Also from a perspective external to tiddlywiki... In my line of work, there
is a lot of visual identifiers in "edit mode", before we pass on the work
to people who will only ever access it in "view mode". This is to help us
designers in our field to self-correct immediately, reducing the need for
multiple checks, while the raw form of the work is still exposed to us
(rarely do we even access the work in "view mode").
Your CodeMirror extension has the potential to really *mirror* my actual
non-tiddlywiki work setup, and thus I'm really excited! I hope somehow
these can be implemented in your future plugin. If not, I wish you can
provide tutorials so I can personally extend the features (I have totally
no idea how to JS)
Thanks for this, really! It has so much potential!
-jd
On Wednesday, August 19, 2020 at 11:46:27 PM UTC+9, Adithya B wrote:
>
> Hi Mario,
>
> Thanks for the help.
>
> I have been able to get it working in TW5!
> I have created a new project here:
> https://github.com/adithya-badidey/TW5-codemirror-plus to start working
> on it.
>
> JD and others, can you try it out and give feedback?
> This is how it looks
>
> [image: Screen Shot 2020-08-19 at 7.55.10 PM.png]
>
> On Monday, August 17, 2020 at 12:52:35 AM UTC+5:30 PMario wrote:
>
>> On Sunday, August 16, 2020 at 9:02:37 PM UTC+2, Adithya B wrote:
>>>
>>> [...] change the format to x-tiddlywiki but there seem to be a big bug
>>> (where the formatting breaks when urls have //)
>>
>>
>> Yea, that's a bug. ... The "workaround fix is" put a // at the end of the
>> line, which will end "italic" formatting.
>>
>>
>>>
>>> I would happily give some time to work on it if you can help me
>>> understand this code:
>>> https://github.com/Jermolene/TiddlyWiki5/tree/master/plugins/tiddlywiki/codemirror-mode-x-tiddlywiki
>>> Its obfuscated and minimized :/
>>>
>>
>> You'd need to work with the source code.
>> https://github.com/codemirror/CodeMirror/blob/master/mode/tiddlywiki/tiddlywiki.js
>> You'll need to understand the internal working of cm-mode code. .. see:
>> https://codemirror.net/doc/manual.html#modeapi
>>
>>
>>>
>>> I would love it it if this plugin
>>> 1) Works with TW5 Wikitext by default (without needing the content-type
>>> to be changed)
>>>
>>
>> That should be a relatively easy fix.
>>
>>
>>> 2) highlights the headlines (!)
>>> 3) colours everything within [[ ]], {{}} and << >>
>>>
>>
>> 4) Makes hyperlinks work
>>>
>>
>> I don't understand this one. May be // as mentioned above.
>>
>> -mario
>>
>>
>>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/66d9d77c-007c-48fd-b735-576a2414957eo%40googlegroups.com.
