mirror of
https://github.com/Xcnte/Code-Prettify-for-typecho.git
synced 2024-12-21 20:30:22 +08:00
108 lines
3.5 KiB
PHP
108 lines
3.5 KiB
PHP
<?php
|
|
/**
|
|
* 基于 prismjs 的代码语法高亮插件<br />可显示语言类型、行号，有复制功能<br />(请勿与其它同类插件同时启用，以免互相影响)<br />详细说明：<a target="_blank" href="https://www.xcnte.com/archives/523/">https://www.xcnte.com/archives/523/</a>
|
|
*
|
|
* @package CodePrettify
|
|
* @author Xcnte
|
|
* @version 2.1.0
|
|
* @link https://www.xcnte.com
|
|
*/
|
|
class CodePrettify_Plugin implements Typecho_Plugin_Interface {
|
|
/**
|
|
* 激活插件方法,如果激活失败,直接抛出异常
|
|
*
|
|
* @access public
|
|
* @return void
|
|
* @throws Typecho_Plugin_Exception
|
|
*/
|
|
public static function activate() {
|
|
Typecho_Plugin::factory('Widget_Archive')->header = array(__CLASS__, 'header');
|
|
Typecho_Plugin::factory('Widget_Archive')->footer = array(__CLASS__, 'footer');
|
|
}
|
|
|
|
/**
|
|
* 禁用插件方法,如果禁用失败,直接抛出异常
|
|
*
|
|
* @static
|
|
* @access public
|
|
* @return void
|
|
* @throws Typecho_Plugin_Exception
|
|
*/
|
|
public static function deactivate(){}
|
|
|
|
/**
|
|
* 获取插件配置面板
|
|
*
|
|
* @access public
|
|
* @param Typecho_Widget_Helper_Form $form 配置面板
|
|
* @return void
|
|
*/
|
|
public static function config(Typecho_Widget_Helper_Form $form){
|
|
//设置代码风格样式
|
|
$styles = array_map('basename', glob(dirname(__FILE__) . '/static/styles/*.css'));
|
|
$styles = array_combine($styles, $styles);
|
|
$name = new Typecho_Widget_Helper_Form_Element_Select('code_style', $styles, 'GrayMac.css', _t('选择高亮主题风格'));
|
|
$form->addInput($name->addRule('enum', _t('必须选择主题'), $styles));
|
|
$showLineNumber = new Typecho_Widget_Helper_Form_Element_Checkbox('showLineNumber', array('showLineNumber' => _t('显示行号')), array('showLineNumber'), _t('是否在代码左侧显示行号'));
|
|
$form->addInput($showLineNumber);
|
|
}
|
|
|
|
/**
|
|
* 个人用户的配置面板
|
|
*
|
|
* @access public
|
|
* @param Typecho_Widget_Helper_Form $form
|
|
* @return void
|
|
*/
|
|
public static function personalConfig(Typecho_Widget_Helper_Form $form){}
|
|
|
|
/**
|
|
* 插件实现方法
|
|
*
|
|
* @access public
|
|
* @return void
|
|
*/
|
|
public static function render() {
|
|
|
|
}
|
|
|
|
/**
|
|
*为header添加css文件
|
|
*@return void
|
|
*/
|
|
public static function header() {
|
|
$style = Helper::options()->plugin('CodePrettify')->code_style;
|
|
$cssUrl = Helper::options()->pluginUrl . '/CodePrettify/static/styles/' . $style;
|
|
echo '<link rel="stylesheet" type="text/css" href="' . $cssUrl . '" />';
|
|
}
|
|
|
|
/**
|
|
*为footer添加js文件
|
|
*@return void
|
|
*/
|
|
public static function footer() {
|
|
$jsUrl = Helper::options()->pluginUrl . '/CodePrettify/static/prism.js';
|
|
$jsUrl_clipboard = Helper::options()->pluginUrl . '/CodePrettify/static/clipboard.min.js';
|
|
$showLineNumber = Helper::options()->plugin('CodePrettify')->showLineNumber;
|
|
if ($showLineNumber) {
|
|
echo <<<HTML
|
|
<script type="text/javascript">
|
|
(function(){
|
|
var pres = document.querySelectorAll('pre');
|
|
var lineNumberClassName = 'line-numbers';
|
|
pres.forEach(function (item, index) {
|
|
item.className = item.className == '' ? lineNumberClassName : item.className + ' ' + lineNumberClassName;
|
|
});
|
|
})();
|
|
</script>
|
|
|
|
HTML;
|
|
}
|
|
echo <<<HTML
|
|
<script type="text/javascript" src="{$jsUrl_clipboard}"></script>
|
|
<script type="text/javascript" src="{$jsUrl}"></script>
|
|
|
|
HTML;
|
|
}
|
|
}
|