Body text is blue when exporting as a static html file

Happy New Year everyone

I have exported a tiddler from my wiki as a static html and the contents of the text field appears blue.

I disabled all of the plugins and then the contents of the text field are black!

By introducing the plugins one at a time I have found that the color change appears when the Shiraz plugin is enabled.

Is there a setting within the plugin that can be tweaked to make the contents of the text field appear black?

Many thanks.

Would you please check this with an empty.html + Shiraz?
Also, right click on the blue text and in the appeared context menu select inspect. Check what class is used for making the text blue?

Hi @Mohammad

I think this might be it

class= “tc-tiddler-body.tc-clearfix.tc-reveal”

Many thanks for investigating this.

Cheers, Rob

@Mohammad

Is the attached of any help?

Cheers, Rob

Hi Rob,
None of these classes are Shiraz class. The tc prefix stands for TiddlyWiki Class. By the way, from the image I understand those are wikified links. Links in the TiddllyWiki vanilla palette are blue. Are those texts links?

The blue color is being inherited from this line:

<a name="Lorem Ipsum">

which is wrapped around the entire tiddler frame element.

-e

Hi @Mohammad @EricShulman

There are no links in the original tiddler; just plain text.

I attach a .tid file into which I have pasted the contents of the static html.

Are you able to replicate the issue?

Cheers, Rob

Lorem Ipsum.txt.tid (110.2 KB)

Does anyone have any further advice on how to prevent this from happening?

Cheers, Rob

Hi @EricShulman

Apparently @Mohammad is unable to replicate this problem with or without the Shiraz plugin.

Can you replicate the problem?

I have just added some plain text to a new tiddler in an empty 5.3.6 wiki, exported the tiddler as a static html and the text is black. I then added the Shiraz plugin and export the same tiddler as a static html and the text is blue.

I note that you have said that the blue color is being inherited from a particular line, but do you have any idea why this is happening and how it can be stopped?

This is beyond the limit of my understanding of html and/or Tiddlywiki !!

Many thanks

Cheers, Rob

  1. I open TiddlyWiki v5.3.6 — a non-linear personal web notebook
  2. Drag and drop Shiraz from Shiraz 2.9.7 — create stylish contents in Tiddlywiki into https://tiddlywiki.com/
  3. Open HelloThere and export it using ViewToolbar to static html
    See the result, no blue text

I noted that TiddlyWiki generates two strange parts (see a, and b below) when you export a tiddler to a static html.
To reproduce

  1. Open
  2. On HelloThere click view toolbar for export tiddler and then select Static HTML
  3. Next open the HelloThere.html in browser
  4. Finally watch the page source

a. You see a div inside the <head>...</head> section which is not valid

b. You see all tiddler wrapped inside an anchor a without href.

I know both of these are ignored by browsers. The a whitout href seems does not generate a link, so it should be in black color, as you see in my previous reply.

To my understanding, the anchor tag <a name="test">something here</a> does not generate a clickable link by itself. Instead, it creates a named anchor, which is a point within the page that you can link to from another location.

Based on the debugger screen shot posted by @Rob_Jopling, it seems that there is some CSS being applied that is defining

a { color: #007bff; }

and, although <a name="..."> does not create a link, it DOES create an HTML anchor element, and thus the specified color is being applied to all the content within the anchor element, even though it isn’t a link.

-e

@EricShulman @Mohammad

In this instance I exported the Getting Started tiddler from a clean Tiddlywiki 5.3.6 with the latest Shiraz plugin and voila, blue text reverting to black, apparently after the link!!

Cheers, Rob