Shiraz Subplugin Update: Text Formatter and Snippets

Plugins
#1

Shiraz is a small framework to extend the Tiddlywiki basic features. It has a wealth of macros, styles, tools, etc.

There was complain that, Shiraz has too many features and one may not need all of them, so I thought developing subplugins allow users to select among different feature sets and install the ones they like.

Here I am developing a sub plugin to add editor toolbar for some basic text formatting like

  • text color
  • text background color (highlight text)
  • change case
    • to lowercase (this is a test)
    • to upper case (THIS IS A TEST)
    • to letter case (This Is A Test)

Here is a screenshot

img_024_msedge

The plugin will be published soon. Stay tuned!

Side note: All kookma plugins are in pure wikitext, except Commander and Refnotes (each uses a simple JS macro).

4 Likes
Shiraz Plugin Update 2.5.4 - 2.8.1
#2

@Mohammad looking good. Perhaps you can check of your tools work behind the editor toolbar more dropdown?.

  • I have a made a few editor toolbar buttons myself recently and the toolbar is getting quite full.
  • At some point I can see the value in a few more “named” alternatives to the more dropdown so we can organise buttons into suitable groups, eg a format button for buttons like yours demoed above.
    • I have in the past created an additional toolbar settings page in Control Panel > Appearance > Toolbars, for this purpose.
    • There is also the advantage that in a dropdown you can see a text title for the button which can help “disambiguate” similar looking button icons.
1 Like
#3

Very nice!

Is there a way for the user to edit the provided highlight and text colors in the drop-down menu?

1 Like
#4

Yes of course. Two color tiddlers (one for highlight/one for text) allow you to simply write your color (name, hex code, function rgb/a-hsl/a,…) in any order you like

I hope to release the subplugin this weekend.

1 Like
#5

What do you think about having a color picker in the drop-down?

#6

It is possible! I just want to have the simple UI with less cluttring!
One can adopt it from

image
image308×507 14.9 KB

#7

Shiraz Formatter is released. See Shiraz Plugin Update 2.5.4 - Plugins - Talk TW (tiddlywiki.org)

image
image873×746 45.8 KB

Code and demo

Screenshot

Text formatter button

image
image868×686 30.5 KB

Shiraz snippets

image
image867×845 53.8 KB

See for details: Shiraz Formatter 0.1.0 — editor buttons and snippets for Shiraz

1 Like
#8

image

image
image1047×914 61.8 KB

this button is missing(but seems still work)

#9

For me it works.
I tried on TiddlyWiki — a non-linear personal web notebook first install Shiraz and then Formatter!
Give a try on https://tiddlywiki.com/ and let me know the results.

For your convenient I have attached the KPL.json (706 Bytes). Download, drag and drop on https://tiddlywiki.com/ and install plugins fromn KPL.

#10

After reinstalling, everything works fine (weird)

#11

It works also not for me (same as @oeyoews)
Test on https://tiddlywiki.com/

grafik
grafik980×735 30.2 KB

Thanks
Stefan

#12

Hi Stefan,
Please install using KPL.
Drag and drop also works now!

#13

Hello Mohammad,

thanks - now it is working! Very nice! :+1:

#14

Shiraz Formatter just got a new update

image
image870×616 38.9 KB

Code and demo

You may like or dislike Formatter, so you can go to code page and give your feedback.

Release 0.5.0

  • Sep 25rd, 2022
  • [FIXED] titlecase works on all capital words
  • [FIXED] issue in displaying color buttons when install plugin by drag and drop from demo
  • [FIXED] improved docs

Special thanks to

Tricks

  • Highlighter has an undo actions, this is a TW feature
  • ctrl+click opens the color tiddlers, so you can customize colors for highlighter/text
  • shift+click and alt+click applies other highlighters in Shiraz

Thank you Tiddlywiki! You are so rich and flexible!

5 Likes
#15

Thanks for the fixes! And also for informing me about how the color-removal already could work. (I’m not surprised that there was already a solution – even if some users would not realize it.)

1 Like
#16

Hi! Very useful feature. Love it!

It will be more convenient to have a shortcut to highlight a portion of selected text in edit mode.

Perhaps it’s already possible.

In this case, may I have the procedure to follow? Thanks!

#17

There is no shortcut to apply text highlights using Shiraz formatter now.
But it is possible to add.

#18

Great! It will be a useful feature. I use it a lot (phase distille in Tiago’s Forte Second Brain). Thanks.