[highlightjs] Use new 'head'/'footer' hooks

- Create separate addon javascript file
- Register stylesheet and Javascript files
This commit is contained in:
Hypolite Petovan 2018-09-20 21:32:47 -04:00
parent 0afab99d84
commit 27a48ae84a
2 changed files with 18 additions and 24 deletions

View File

@ -0,0 +1,6 @@
hljs.initHighlightingOnLoad();
document.addEventListener('postprocess_liveupdate', function () {
var blocks = document.querySelectorAll('pre code:not(.hljs)');
Array.prototype.forEach.call(blocks, hljs.highlightBlock);
});

View File

@ -11,41 +11,29 @@ use Friendica\Core\Addon;
function highlightjs_install()
{
Addon::registerHook('page_end', __FILE__, 'highlightjs_page_end');
Addon::registerHook('head' , __FILE__, 'highlightjs_head');
Addon::registerHook('footer', __FILE__, 'highlightjs_footer');
}
function highlightjs_uninstall()
{
Addon::unregisterHook('page_end', __FILE__, 'highlightjs_page_end');
Addon::unregisterHook('head' , __FILE__, 'highlightjs_head');
Addon::unregisterHook('footer', __FILE__, 'highlightjs_footer');
}
function highlightjs_page_end(App $a, &$b)
function highlightjs_head(App $a, &$b)
{
$basedir = $a->get_baseurl() . '/addon/highlightjs/asset';
if ($a->getCurrentTheme() == 'frio') {
$style = 'bootstrap';
} else {
$style = 'default';
}
$a->page['htmlhead'] .= <<< HTML
<link rel="stylesheet" href="{$basedir}/styles/{$style}.css">
HTML;
$b .= <<< HTML
<script type="text/javascript" src="{$basedir}/highlight.pack.js"></script>
<script type="text/javascript">
hljs.initHighlightingOnLoad();
document.addEventListener('postprocess_liveupdate', function () {
var blocks = document.querySelectorAll('pre code:not(.hljs)');
Array.prototype.forEach.call(blocks, hljs.highlightBlock);
});
</script>
HTML;
$a->registerStylesheet(__DIR__ . '/asset/styles/' . $style . '.css');
}
function highlightjs_footer(App $a, &$b)
{
$a->registerFooterScript(__DIR__ . '/asset/highlight.pack.js');
$a->registerFooterScript(__DIR__ . '/highlightjs.js');
}