Same thing is possible with jTab from 
tardate<https://groups.google.com/d/msg/tiddlywiki/rLBLUy2wlXI/gvy3CwXq6FMJ> 
(guitar 
chords and tab notation)

Create a tiddler eg.: $:/_jTab_render
tag it with: $:/core/wiki/rawmarkup 
write:
<!-- recommended to avoid security warnings with SVG in IE8 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <!-- optional: helpers to preset jtab region heights to avoid rendering 
jitter -->
  <link type="text/css" rel="stylesheet" 
href="http://jtab.tardate.com/css/jtab-helper.css"/>

  <!-- mandatory script includes for jtab -->
  <script src="http://jtab.tardate.com/javascripts/jquery.js"; 
type="text/javascript"></script>
  <script src="http://jtab.tardate.com/javascripts/raphael.js"; 
type="text/javascript"></script>
  <script src="http://jtab.tardate.com/javascripts/jtab.js"; 
type="text/javascript"></script>

save wiki and reload page.
Now if you wrap your musical notes inside the jtab class it will render as 
guitar tabs or as simple guitar chord diagrams..

Example: 

<div class="jtab">
C:1 C:2 C:3 C:4 C:5
</div>

or 

@@.jtab
C:1 C:2 C:3 C:4 C:5
@@

which will also work..

It is recommended <http://jtab.tardate.com/> that you download and refer to 
the tardate scripts from your own server as the rendition might get a 
little slow when served from http://jtab.tardate.com/ ...

We have a nice plugin for TWc which doesn't need any external script 
references. It would be very nice if someone ported it to TW5 :-)

Cheers Måns Mårtensson   

Den tirsdag den 20. maj 2014 22.55.51 UTC+2 skrev Måns:
>
> Hi TwWizards
>
> BJ just gave me the answer to this question in another 
> thread<https://groups.google.com/d/msg/tiddlywiki/7StDWFV9Wh0/_r1XvyMFzJYJ>
>  . 
> The simple solution is to create a tiddler eg: $:/_bopland_render_js 
> tag it with: $:/core/wiki/rawmarkup 
> write: <script src="http://my.bopland.org/render.js";></script>  - 
> save wiki and reload page.
>
> Now if you wrap your musical notes inside the bopland class it will render 
> as a playable note sheet, which can be transposed, downloaded as an image 
> or as a mp3 file.
>
> Example:
> <div class=bopland>
> lick 4/4 g#8 | A7 a c# e g bb c16 bb a8 g | Dm7 f d a g f d a b~ | Dm7 b4 
> r r2 | 
> </div>
>
> It doesn't work with:
> @@.bopland
> lick 4/4 g#8 | A7 a c# e g bb c16 bb a8 g | Dm7 f d a g f d a b~ | Dm7 b4 
> r r2 | 
> @@
>
>
> Cheers Måns Mårtensson
>
> Den onsdag den 15. januar 2014 10.32.40 UTC+1 skrev Jeremy Ruston:
>>
>> On Wed, Jan 15, 2014 at 9:12 AM, Stephan Hradek <[email protected]>wrote:
>>
>>> While we are at it: Do you remember that you wanted to change the @@ 
>>> block to create a classed div instead of applying the class to all child 
>>> objects?
>>>
>>  
>
>>
>> Yes I remember. 
>>
>> I think this would also help here as a bopland div is then simply created 
>>> with
>>>
>>> @@bopland
>>> musical notes here
>>> @@
>>>
>>>
>> Right, I was talking about how to get the script loaded up in the first 
>> place, by packaging it into a plugin.
>>
>> Best wishes
>>
>> Jeremy 
>>
>>
>>
>> -- 
>> Jeremy Ruston
>> mailto:[email protected]
>>  
>

-- 
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 [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

Reply via email to