tw5. Heeeelp. Maths, katex, plugins, brain dribbling out of ears.

Ste Wilson

unread,

Jun 10, 2015, 8:54:19 AM6/10/15

to tiddl...@googlegroups.com

Hello All,
I am looking to create a resource for students for Thermodynamics.
The story so far.....Upon discovering tiddly wiki I found the katex plugin. Horay!
Next, dropbox, or other free hosting. (The public folder route no longer seems to be an option for non dropbox pro users.)

This search had mixed results.
Pancake.io says the file is too large.
droppage.com displays a 'Can not display in quirk mode' error over any and all equations using the katex plugin.

duet.to and a plugin i found for google drive displays the pages but shows the maths incorrectly.
(you can see the seperater line between the half (1/2) is on the top of the 1)
Not filling me with confidence that more complex equations will be correctly displayed.

correctly displayed.

Cloud Cannon however does the job, but it isn't ideal on the package it offers.
So I thought to myself, maybe it's the katex plugin thats causing duet.to and the google drive thing to render incorrectly. I wondered if there was another MathJax/ Tex plugin and so I found this but upon dragging the plugin to my own wiki i get

TypeError: Argument 1 of MutationObserver.observe is not an object

so i can't see if it renders correctly in drive or duet.to to find out if it's katex or duet....

All I really want is to translate this header which sets up mathjax and also allows interactive diagrams from the .js script from html2latex5.com into tiddlywikki:

<head>
    <title>MathJax TeX Test Page</title>
        <script type="text/x-mathjax-config">                                 //<![CDATA[
         MathJax.Hub.Config({
         TeX: {extensions: ["AMSmath.js", "AMSsymbols.js"]},
         extensions: ["tex2jax.js"],
         jax: ["input/TeX", "output/HTML-CSS"],
         showProcessingMessages : false,
         messageStyle : "none" ,
         showMathMenu: false ,
         tex2jax: { processEnvironments: true,
             inlineMath: [ ['$','$'], ["\(","\)"] ],
             displayMath: [ ['$$','$$'], ["\[","\]"] ],
             preview : "none",
             processEscapes: true
           },
         "HTML-CSS": { linebreaks: { automatic:true, width: "latex-container"} }
 });
  // ]]>
   </script> <script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>

        <script type="text/javascript"
        src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?        config=TeX-AMS-MML_HTMLorMML">
        </script>

<link rel="stylesheet" href="http://stephenteacher.pancakeapps.com/Tex/latex2html5.min.css">
<script type="text/javascript" src="http://stephenteacher.pancakeapps.com/Tex/latex2html5.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Arbutus+Slab" type="text/css">
</head>

(js files from from latex2html5.com and mathjax.org)
But have bounced off the advive/ steps for making my own plugin/ trying to work out how other plugins did it.

So after all that preamble...
1. I want to ba able to host from drop box or other online storage for free, at least iniatally while working out if redoing all the notes is worth it. Any suggestions?
2. I would like the maths to display correctly.
3. I would like to be able to use the interactive diagrams as found on latex2html.com within the notes I am creating on tiddlywiki

At the moment i would just settle for 1 and 2 and javascript scares me.

Any help, insight or REALLY REALLY easy tutorials appreciated.

Thank you for your time.

Stephen

PMario

unread,

Jun 10, 2015, 9:19:35 AM6/10/15

to tiddl...@googlegroups.com

Hi Stephen,

Why don't you use TiddlySpot.com to host your TWs?

see: http://tiddlywiki.com/#Saving%20on%20TiddlySpot

-m

Ste Wilson

unread,

Jun 10, 2015, 9:22:48 AM6/10/15

to tiddl...@googlegroups.com

I'll go have a look. Thanks.

IT WORKS!!!!!!

http://stephenteacher.tiddlyspot.com/

Ste Wilson

unread,

Jun 10, 2015, 10:08:39 AM6/10/15

to tiddl...@googlegroups.com

So thats 1 and 2 sorted i guess.

Anyone able to help with 3.?
Gettingthis;

<link rel="stylesheet" href="http://stephenteacher.pancakeapps.com/Tex/latex2html5.min.css">
<script type="text/javascript" src="http://stephenteacher.pancakeapps.com/Tex/latex2html5.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Arbutus+Slab" type="text/css">

Into tiddlywiki?

Felix Küppers

unread,

Jun 10, 2015, 10:18:52 AM6/10/15

to tiddl...@googlegroups.com

Hi Ste,

have a look here: https://groups.google.com/forum/?hl=en-GB#!searchin/tiddlywiki/meta$20css/tiddlywiki/7StDWFV9Wh0/sHFyoXTA-3oJ

-Felix

--
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+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/23444778-7a45-4cc5-a515-ce70f86cb158%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

PMario

unread,

Jun 10, 2015, 12:04:58 PM6/10/15

to tiddl...@googlegroups.com

On Wednesday, June 10, 2015 at 2:54:19 PM UTC+2, Ste Wilson wrote:

3. I would like to be able to use the interactive diagrams as found on latex2html.com within the notes I am creating on tiddlywiki

No solution. Just some comments.

Those interactive diagrams look nice, but imo they don't explain anything (except the 2 with the sliders).
IMO an interactive diagram should help the user to understand an equation. Especially, what happens if parameters change. Which imo needs 2 way feedback for all the parameters involved.

The project you mention, seems to be stalled. see: https://github.com/pyramation/LaTeX2HTML5 last commit 9 month ago. 3 open issues, about a year old. ...
It seems to be designed to be used on a single web page only (theirs) and not as a library. It is a combination of several different libraries already. .. There seems to be no API, that we can use to implement it into TW. IMO a no go. It will create problems, with no hope for help.

There may be other interactive libraries out there, that may be a better fit for TW.

Mario

PS: Just a note. Just my problem, that you may ignore.
Please make the favicon static. For me it is disturbing, especially, if the tab is not selected. I closed your tab several times, to get rid of the moving icon.
I love animations. ... once ... Then I try to switch them of. Sorry. One option would be to let it rotate a bit and then pause it for 10 min. IMO animated gifs can do this.

Ste Wilson

unread,

Jun 10, 2015, 1:06:05 PM6/10/15

to tiddl...@googlegroups.com

Hello Mario. The point isn't that I will copy just those exact diagrams from the site, but that I will have access to a tool kit which will allow me to make my own diagrams, with suitable explanations to help my students understand, for example, how changing a variable might change the behaviour of a system. That I can do this in a web page with no need for plugins and and just some mark up language is also factor.
I will however look for a better favicon ;)

Eric Shulman

unread,

Jun 10, 2015, 1:47:48 PM6/10/15

to tiddl...@googlegroups.com

On Wednesday, June 10, 2015 at 7:08:39 AM UTC-7, Ste Wilson wrote:

Anyone able to help with 3.?
Gettingthis;
<link rel="stylesheet" href="http://stephenteacher.pancakeapps.com/Tex/latex2html5.min.css"> <script type="text/javascript" src="http://stephenteacher.pancakeapps.com/Tex/latex2html5.min.js"></script> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Arbutus+Slab" type="text/css">
Into tiddlywiki?

Put the above content into a tiddler, and then tag that tiddler with "$:/tags/RawMarkup".

When the TiddlyWiki is saved, the content from that tiddler is copied directly into the end of the <head>...</head> section of the file. The next time you load the document, that content is processed. Q.E.D.

enjoy,

-e

Eric Shulman

ELS Design Studios

TiddlyTools - "Small Tools for Big Ideas!"

InsideTiddlyWiki: The Missing Manuals

YOUR DONATIONS ARE VERY IMPORTANT!

HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY "TIP JAR"...

http://TiddlyTools.github.com/fundraising.html#MakeADonation

Professional TiddlyWiki Consulting Services...

Analysis, Design, and Custom Solutions:

http://www.TiddlyTools.com/#Contact

Ste Wilson

unread,

Jun 12, 2015, 6:32:40 AM6/12/15

to tiddl...@googlegroups.com

Gave that a try and it didn't seem to get desired result. Will have a further tinker putting the .js files in a different place to see if it makes a difference.

Reply all

Reply to author

Forward