Filename above the Indented code

Support
1

Hello,
is there a plugin in Grav, that can display a label (for example file name) above the code on the page?

Like this:
code

Thanks.
Z.

2

Really no one knows how to do it? It does not have to be exactly what I placed here, would be enough if it looks like this:

code2
code2715Ɨ159 5.34 KB

3

Iā€™m not sure to understand what youā€™re looking for.
Could you maybe be more specific and explain with more details ?

4

Thank you, Iā€™m looking for a way to display the code in ā€œGravā€ with description.

I can insert the code, as follows:

#!/usr/bin/env python
#some code

but this show only code, I would like find a way for showing code with description for it. Just as in the picture.

5

I finally did it by changing the css:

.codehead {
        font-family: Consolas;
        text-indent: 6px;
        color:#000000;
        background:#888888;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        padding: 2px 0px;
}

.codehead pre {
        text-indent: 0px;
        margin: 0 ;
}

and with html:

<div class="codehead">raw.py
<pre><code>#!/usr/bin/env python
print()
</code></pre></div>

How it looks like now:
code

But my question still remains, how to do it better with less work? I just imagine something like:

<code | raw.py>
#!/usr/bin/env python
print()
</code>

or something similar:

<code description="raw.py">
#!/usr/bin/env python
print()
</code>
1 Like
6

Well, as it says, help yourself. I solve it by installing shortcode plugin with settings:

<?php
namespace Grav\Plugin\Shortcodes;
use Thunder\Shortcode\Shortcode\ShortcodeInterface;
class StrikeShortcode extends Shortcode
{
    public function init()
    {
        $this->shortcode->getHandlers()->add('codehead', function(ShortcodeInterface $sc) {
            $codehead = $sc->getParameter('codehead', $this->getBbCode($sc));
            $buffer = $sc->getContent();
            $buffer  = preg_replace( "/(^\n|\n$)/", "", $buffer);
            $str_before = array("<", ">", "&ltp&gt", "&lt/p&gt");
            $str_after  = array("&lt", "&gt", "", "");
            $buffer = str_replace($str_before, $str_after, $buffer);
            return '<pre class="codehead">'.$codehead.'<code>'.$buffer.'</code></pre>';
        });
    }
}

And in default.md:

[codehead="/usr/local/bin/script.py"]
Heloo world!
[/codehead]

Itā€™s not probably the purest solution, but works fine to me. Please, If anyone know about better way, let me know.

Thanks.

1 Like
7

To paraphrase a proverb:

give a man a fish and you feed him for a day; let him find out himself how to fish and you feed him for a lifetime

You might want to pick your preferred solution and mark it as ā€˜solutionā€™.