@Tony ,

finally, using the escapecss filter I could fix the problem with sticky 
titles and popups:

https://burningtreec.github.io/TW5-stickytitlesfix/


> Btc,
>>
>> This seems like a cunning solution, perhaps only a few could invent. 
>> Unfortunatly, pehaps I am one of the few who does not understand why you 
>> would want to do it.
>>
>> Could you explain what use there is for a superuser and its use case or 
>> possibilities?
>>
>> Regsrfs
>> Tony
>>
>
> Hi Tony, I discovered some problems styling tiddlers using the 
> data-tiddler-title attribute:
>
> [data-tiddler-title="$(myTiddlerTitle)$"].tc-tiddler-frame {
> styling
> }
>
> where myTiddlerTitle can be any tiddler a filter gives me
> a tiddler that contains certain characters like quotes, html entities, 
> other special characters, ... , would not be styled because it would need 
> correct escaping in the "myTiddlerTitle" variable to address the 
> css-selector correctly. TiddlyWiki doesn't ship a way to do correct css 
> escaping but this filter does
>
> so I'm filtering the tiddler title through escapecss[] which escapes all 
> characters that need to be escaped in order for this to work
>
> I'm using this styling in my navigator plugin (
> burningtreec.github.io/TW5-navigator) to visualize the "selected tiddler"
>
>
> You can try this in a stylesheet tiddler on tiddlywiki.com to see the 
> effect:
>
> \define style-tiddler()
> [data-tiddler-title="$(currentTiddler)$"].tc-tiddler-frame {
> background-color: black;
> }
> \end
>
> <$list filter="[all[tiddlers]tag[Articles]]">
> <<style-tiddler>>
> </$list>
>
> there are many tiddlers tagged "Articles" that contain quotes. the problem 
> is not just quotes, but tiddlywiki.com avoids such problems
> try opening those tiddlers, their background should be black
>
> then you can try escaping quotes through the jsonstringify filter:
>
> \define style-tiddler()
> [data-tiddler-title="$(currentTiddler)$"].tc-tiddler-frame {
> background-color: black;
> }
> \end
>
> <$list filter="[all[tiddlers]tag[Articles]jsonstringify[]]">
> <<style-tiddler>>
> </$list>
>
> this makes them black. but the jsonstringify filter escapes only some 
> characters that should be escaped for css selectors
> escapecss escapes them all, by using CSSescape, which is a browser method 
> for doing just that
>

-- 
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+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/13b32234-ef39-4fa4-829a-52aa3d376d6f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to