a little problem with code formatting

[tiandijie]

Hi sigil fans, I'm having a little dumb question here and looking for some slutions. I'm creating a book about html, and I need to show some code examples in my book, like <p style="background-color:yellow;">XXXX</p>. the problem is sigil will just treat them as general code and execute them, so I can only see “XXXX” in book view with yellow background. I tried to wrap them with code tag, like:
<code>
<p style="background-color:yellow;">XXXX</p>
</code>

but this does not work. For now I should add some random notations between tags so Sigil won't execute them. Does anyone have some better ideas?

[DiapDealer]

If you paste html code into book view, it will do the escaping necessary to render them. In code view you would have to use entities manually to represent the the < and > characters. Either way, you will have to use styles to do any colors and/or highlighting.

There is no handy-dandy tag to present code in xhtml (in all renderers). Those are typically forum or blog (or other rendering engine) plugins that allow posts to present code in an easy manner (on THAT particular platform).

[RbnJrg]

Originally Posted by tiandijie

Hi sigil fans, I'm having a little dumb question here and looking for some slutions. I'm creating a book about html, and I need to show some code examples in my book, like <p style="background-color:yellow;">XXXX</p>. the problem is sigil will just treat them as general code and execute them, so I can only see “XXXX” in book view with yellow background. I tried to wrap them with code tag, like:
<code>
<p style="background-color:yellow;">XXXX</p>
</code>

but this does not work. For now I should add some random notations between tags so Sigil won't execute them. Does anyone have some better ideas?

Do the following:

1. In your .xhtml file write:

<div class="code">
    <pre>
         &lt;p class="background"&gt;XXX&lt;/p&gt;
    </pre>
</div>

2. In your .css file write:

.code {
   font-family: "monospace"; /* This wouldn't be necessary if you use the <pre> tag but... */
   background: #eee;
   font-size: 1.2em; /* change the font size if you wish */
   font-weight: bold; /* change this to normal if you wish */
   padding: 0 1em;
   border: 1px dotted;
}

This is how it looks in Sigil:



Below I attach the respective epub so you can understand better all the things.

Regards
Rubén

[Notjohn]

I used Freebits for this purpose:

http://www.freebits.co.uk/convert-ht...e-to-text.html

(I didn't know about pasting into Book View! Indeed, it was probably before Hitch turned me on to epub.)