[CSS] simple quotes in content

[oxydum]

Hi,

Maybe a problem with the wikitext parser :

Don't Work:

<style>
.email::before {
  content: attr(data-de) '';
}
</style>


<div
  data-de="✅"
  class="email">
    te...@gmail.com
</div>

Work:

<style>
.email::before {
  content: attr(data-de) "";
}
</style>


<div
  data-de="✅"
  class="email">
    te...@gmail.com
</div>

So...

How to make this work:

https://codepen.io/danwilson/pen/WpBEBX

Thx

[S. S.]

Does this work?

[oxydum]

To see the problem,

try to replace quotes ;

<style>
.zemail::before {

  content: attr(data-de) "";
}
</style>




<div
  data-de="✅"

  class="zemail">
    te...@gmail.com
</div>

in the line :   content: attr(data-de) "";

by :   content: attr(data-de) '';

[BurningTreeC]

Hi @oxydum,

if you use the double '' in a tiddler without a given type or with type vnd.tiddlywiki, the wiki-parser will interpret the double-single-quotes as bold formatting, which breaks your style definitions

you can do two things:

1) put your styles in another tiddler tagged $:/tags/Stylesheet , remove the <style></style> tags therefor. either make its type application/css or put a pragma rule on top that turns off all or certain wiki-parser rules

2) use your tiddler as it is, but put a pragma rule on top that turns off bold formatting (bold using ''this text is bold'' won't work in that tiddler)

a rule is set at the very top of a tiddler or at the top of a macro

it looks like this:

\rules

it follows "only" or "except"

then it follows a list of rules, see all shadow tiddlers with the title $:/core/modules/parsers/wikiparser/rules/...

...

in your case

\rules except bold

... all rules allowed except bold

[BurningTreeC]

Just to make "the problem" visually clear:

the wikiparser takes this code:

<style>
.zemail::before {
  content: attr(data-de) '';
}
</style>




<div
  data-de="✅"
  class="zemail">
    te...@gmail.com
</div>

and creates this:

<style>
.zemail::before {
  content: attr(data-de)

<strong>

;
}
</style>




<div
  data-de="✅"
  class="zemail">
    te...@gmail.com
</div>

</strong>

but it ignores the double '' if \rules except bold is on top ... and your style definition isn't destroyed

[oxydum]

Very clear @BurningTreeC : thank you that's exactly what I need.

There's also an issue for me when I change the name of the class from

email

to

e--mail

(yes, with two hyphens "--")

what kind of rule can I add?

[BurningTreeC]

Very clear @BurningTreeC : thank you that's exactly what I need.

There's also an issue for me when I change the name of the class from

email

to

e--mail

(yes, with two "--")

what kind of rule can I add?

I believe it's called dash, but have a look at the mentioned parser tiddlers, the tiddlers are named using the rule name 

[oxydum]

Yes! This is perfect it works like a charm ;)

\rules except bold underline strikethrough subscript superscript italic dash

https://github.com/Jermolene/TiddlyWiki5/blob/master/core/modules/parsers/wikiparser/rules/dash.js

Thank you so much