testing different preview styles

This commit is contained in:
Greg Gauthier 2025-01-17 12:49:12 +00:00
parent 477c918468
commit 06720438a9

View File

@ -24,9 +24,17 @@ Ok, so embedding an IFrame works out of the box. But, what about more complicate
Well, that's just grand! It seems that I can drop *any* html I want into *any* markdown I want, and it will render just fine! Ok, but what about, say, syntax hilighting, which requires a javascript?. Let's find out. For this, all I *should* need to do, is provide a markdown codefence, specifying the language, because the apache plugin will render it as `<pre><code class="language-whatever">` which is what both highlight.js and prism.js use. In this case, we'll make a python snippet. The key issue here, is that I already have css theming for the code fence. So, will the javascript override it, merge with it, or be ignored? We shall see: Well, that's just grand! It seems that I can drop *any* html I want into *any* markdown I want, and it will render just fine! Ok, but what about, say, syntax hilighting, which requires a javascript?. Let's find out. For this, all I *should* need to do, is provide a markdown codefence, specifying the language, because the apache plugin will render it as `<pre><code class="language-whatever">` which is what both highlight.js and prism.js use. In this case, we'll make a python snippet. The key issue here, is that I already have css theming for the code fence. So, will the javascript override it, merge with it, or be ignored? We shall see:
<pre class="atari"> <pre class="atari">
READY
10 PRINT "HELLO!" 10 PRINT "HELLO!"
20 GOTO 10 20 GOTO 10
30 END 30 END
RUN
HELLO!
HELLO!
HELLO!
HELLO!
</pre> </pre>
<pre class="dos"> <pre class="dos">