How do we Create an External Pretty Link Button

Developers
#21

One could make a button to copy the selected url and place it in a tiddler, then have your “MyButton” get the URL as needed from there, this will allow you to keep using the same url, until you select another.

#22

Hi @tw-FRed,
I started from scratch with an empty wiki (https://tiddlywiki.com/) and imported MyButton.json.

→ it works fine

After installing CodeMirror 6 — v0.10.8 the error is back:

grafik
grafik1469×551 51.9 KB

Thanks to all, who tried to help me! :+1: :clap:

Hi @BurningTreeC,
can you support me please in this case and fix the issue in CodeMirror?
Thanks you,
Stefan

CodeMirror 6 - back to development
#23

Hi @BurningTreeC,
do you have any new info to this issue?
Thanks in advance,
Stefan

#24

issue solved with “CodeMirror 6 plugin has been updated to version 0.11.0”

Thanks @BurningTreeC :clap:

1 Like
#25

I’d like to add “alt-x” as a keyboard shortcut:

  1. imported MyButton.json
  2. add $keyboard:
  <$keyboard key="alt-x" actions='<$action-sendmessage $message="tm-edit-text-operation"
    $param="save-selection"
    tiddler="$:/temp/external-link"
  />'>
  <$action-sendmessage $message="tm-edit-text-operation"
    $param="wrap-selection"
    prefix=`[ext[${[{$:/temp/external-link}]}$|https://www.homepage.com/`
    suffix="]]"
  />
</$keyboard>

  1. created $:/config/ShortcutInfo/external-Link (Test)

    grafik
    grafik1764×400 65.9 KB

  2. configured shortcut:

    grafik
    grafik1723×388 86.6 KB

  3. do a Test:

    grafik
    grafik1778×404 57.5 KB

What do I wrong? What I’m missing?

Thanks,
Stefan

#26

Hi @StS - don’t add the keyboard widget within the tiddler text!

Instead, add the field shortcuts to the button with the value: alt-x

1 Like
#27

Thanks - works perfect.

#28

Asking for an additional function for existing code:

<$keyboard key="alt-x" actions='<$action-sendmessage $message="tm-edit-text-operation"
    $param="save-selection"
    tiddler="$:/temp/external-link"
  />'>
  <$action-sendmessage $message="tm-edit-text-operation"
    $param="wrap-selection"
    prefix=`[ext[${[{$:/temp/external-link}]}$|https://www.homepage.com/`
    suffix="]]"
  />
</$keyboard>
  • Hover the external Link - only when containing https://www.homepage.com/ - the content should be shown in a popup-window
  • Click on the external link will open it in the browser

Is this possible?

Thanks, Stefan