Using HTML Entities With CSS

[d351r3d]

I want to use the html entity version of < ([ noparse ]<<[ /noparse ]) and > (>) and make anything in-between them blue. If I just did it with p or something it would be fine but that's not possible. There's also the < span > deal but I don't want to span 32k things.

<blah blah blah blah blah stuff[noparse ]>[/noparse]

I just want it to be like this:
<blah blah blah blah blah stuff>

I have no idea why it renders the entities even with the code around them.

[PeterT]

Check into the [ noparse ] [ /noparse ] pair of tags in bbcode to avoid the forum handling your text.

[d351r3d]

Originally Posted by PeterT

Check into the [ noparse ] [ /noparse ] pair of tags in bbcode to avoid the forum handling your text.

The noparse doesn't work

& # 6 0 ;
& # 6 2 ;

[DiapDealer]

The noparse thing works. I use it to display entity codes all the time. Just leave the ampersand outside of the tags and the rest inside.

&#60;
&#60;

As far as making all text between the entities blue in an epub, there's no shortcut. You'll have to create 32k spans or 32k inline styles. There is no entity element that can be utilized by css. Nor any (pseudo-)selectors to specify "between elements x and y" even if there were.

[d351r3d]

Originally Posted by DiapDealer

The noparse thing works. I use it to display entity codes all the time. Just leave the ampersand outside of the tags and the rest inside.

&#60;
&#60;

As far as making all text between the entities blue in an epub, there's no shortcut. You'll have to create 32k spans or 32k inline styles. There is no entity element that can be utilized by css. Nor any (pseudo-)selectors to specify "between elements x and y" even if there were.

That's a bummer but not really. Just regex all the spans in after making all the
&#60;
&#60;

[Turtle91]

Not sure I understand the willingness to put &#60; around all your text but not put a span??

CSS is pretty amazing. Depending on how well your targeted reader/app supports the current standards (:first-child, :first-line, etc.), you can get some pretty fancy formatting without having to do all the spans.

It would be interesting to see a sample of what you are trying to style. We might have a better solution than the &#60; one.

Cheers,

[Turtle91]

Also, in Sigil (and I think Calibre has something similar) you can make a 'clip' to easily insert spans around your selected text.

clip:
<span>\1</span>

Then highlight the text and click the clip.

[d351r3d]

Originally Posted by Turtle91

Also, in Sigil (and I think Calibre has something similar) you can make a 'clip' to easily insert spans around your selected text.

clip:
<span>\1</span>

Then highlight the text and click the clip.

The image attached is why I'm using the html entities. I'm not wrapping everything with them. <> That aren't tags bring forth errors in sigil. To make the errors go away I replaced them with the html entities

[Turtle91]

Try this find/replace:

Find: &lt;(.*?)&gt;
-or-
Find: &#60;(.*?)&#62;

Replace: <span>\1</span>

with this CSS:
span {color:blue}

[d351r3d]

Originally Posted by Turtle91

Try this find/replace:

Find: &lt;(.*?)&gt;
-or-
Find: &#60;(.*?)&#62;

Replace: <span>\1</span>

with this CSS:
span {color:blue}

Thanks for the assistance.

Find: &#60;(.*?)&#62;

Replace: <span>&#60;\1&#62;</span>