We've added syntax highlighting

posted 11 years ago

So, in your posts you can do 3 tildes ~ to start a code-block and 3 more to stop it.

Here's how it looks right now. We're going to make modifications to the font size and maybe the color theme.

    public function convertHtmlToMarkdown($html)
    {
        return $this->htmlParser->convert($html);
    }

    public function convertMarkdownToHtml($markdown)
    {
        return $this->markdownParser->transform($markdown);
    }

The theme is obviously Monokai right now. Here are the other pre-built themes that we have to choose from... http://highlightjs.org/static/test.html

Last updated 2 years ago.

nodeseo

replied 11 years ago

Looks great!

Last updated 2 years ago.

mattstauffer

replied 11 years ago

Are there an tips/tricks around different languages (html, js, css, php)? I guess I could just test here...

<script>
$(function() {
    $('a').on('click', function() {
        alert('Clicked');
    });
});
</script>
<a href="http://www.laravel.com/">Laravel</a>
<?php
    $thing = new Thing;
    echo $thing->getProperty();
?>

class Thing {
    public function getProperty()
    {
        return 'property';
    }
}
$thing = new Thing;
echo $thing->getProperty();

... OK, so it seems to detect whether you're in php code or html, and then color code appropriately.

Last updated 2 years ago.

shawnmccool

replied 11 years ago

Yea, I just sorta implemented highlight.js as-is. I think that we have someone working on converting the "Laravel" syntax highlighting scheme that Dayle made, or something like that.

In addition... Now, you can just paste links and they'll linkify.

http://twitter.com

Last updated 2 years ago.