Use Pastacode to add code into your posts with the awesome PrismJs coloration library. So, past'a code!
With Pastacode, you can easily add code into your posts with the awesome PrismJs coloration library.
You can insert source code into the post editor, wrinting it directly in the editor (using a gutenberg bloc or classic editor), from a file, or from webservices like GitHub, Gitlab, Gist, Pastebin, BitBucket or BitBucket snippets. Webservices responses are cached in order to avoid too many HTTP requests.
It also work in comments and bbPress topics and replies.
Don’t worry about posts updates while upgrading codes!
Pastacode allows to enhance your snippets using PrismJs plugins (highlightning lines, link functions…).
Pastacode use some third party components
Edit your code with the Pastacode block
How it's renderer in editor (highlighted by Prism)
You can import a snippets hosted on many providers (gitlab, github…)
If you don't use block editor, you can use another UI, base on a tinyMCE plugin (work in the classic block, or with classic editor)
Here the Treeview lang, to share directory structure
For more information, please visit Pastacode Wiki
If you use another syntax highligther plugins, migration scripts are available 🙂
You can use it to display a directory structure. Use pipes, backticks and hyphens like this:
root_folder/ |-- a first folder/ | |-- holidays.mov | |-- javascript-file.js | `-- some_picture.jpg |-- documents/ | |-- spreadsheet.xls | |-- manual.pdf | |-- document.docx | `-- presentation.ppt | `-- test `-- README.md
Paste these lines into your functions.php theme file:
add_filter( 'option_pastacode_cache_duration', 'my_pastacode_cache_duration' ); function my_pastacode_cache_duration( $duration ) { $duration = DAY_IN_SECOND*3; // 3 days return $duration; }
7 different color schemes are included, you can switch theme under Settings > Pastacode.
You can also build yours:
Paste these lines into your functions.php theme file:
add_action( 'wp_enqueue_scripts', 'custom_enqueue_script', 11 ); function custom_enqueue_script() { $urlofmynewscheme = get_stylesheet_directory_uri() . '/prism-okaida-willy.css'; //this is an example wp_deregister_style( 'prismcss' ); wp_register_style( 'prismcss', $urlofmynewscheme, false, '1', 'all' ); }
Get inspired of the default scheme to build your schemes
Paste these lines into your functions.php theme file:
//If you just want php, html, css and javascript support add_filter( 'pastacode_langs', '_pastacode_langs' ); function _pastacode_langs( $langs ) { $langs = array( 'php' => 'PHP', 'markup' => 'HTML', 'css' => 'CSS', 'javascript' => 'JavaScript', ); return $langs; }
To enable Pastacode on ajax based websites, it need two steps:
add_filter( 'pastacode_ajax', '__return_true' );
Prism.highlightAll();
Paste these lines into your functions.php theme file:
//Take WordPress SVN, for example //register a provider add_filter( 'pastacode_services', '_pastacode_services' ); function _pastacode_services( $services ) { $services['wordpress'] = 'core.svn.wordpress.org'; return $services; } //Define pastabox lightbox inputs add_action( 'pastacode_fields', '_pastacode_fields' ); function _pastacode_fields( $fields ) { $fields['wordpress'] = array( // 'wordpress' or 'whatever' 'classes' => array( 'wordpress' ), // same value as the key 'label' => sprintf( __('File path relative to %s', 'pastacode'), 'https://core.svn.wordpress.org/' ), 'placeholder' =>'trunk/wp-config-sample.php', //if placeholder isn't defined, it will be a textarea 'name' => 'path_id' //these value return shortcode attribute (path_id, repos, name, user, version) ); $fields['pastacode-lines']['classes'][] = 'wordpress'; // Add ability to select lines $fields['pastacode-highlight']['classes'][] = 'wordpress'; // Add ability to highlight somes return $fields; } //Build the function to retrieve the code // "pastacode_wordpress" hook name (1st param) = "pastacode_" + "wordpress" or "whatever" add_action( 'pastacode_wordpress', '_pastacode_wordpress', 10, 2 ); function _pastacode_wordpress( $source, $atts ) { extract( $atts ); if( $path_id ) { $req = wp_sprintf( 'https://core.svn.wordpress.org/%s', str_replace( 'https://core.svn.wordpress.org/', '', $path_id ) ); $code = wp_remote_get( $req ); if( ! is_wp_error( $code ) && 200 == wp_remote_retrieve_response_code( $code ) ) { $data = wp_remote_retrieve_body( $code ); $source[ 'url' ] = $req; //url to view source $source[ 'name' ] = basename( $req ); //filename $source[ 'code' ] = esc_html( $data ); //the code !! //$source[ 'raw' ] contain raw source code. But there are no raw source code delivered by WordPress SVN } } return $source; }
Do not add you root website!! A contributor can add the shortcode to point your “wp-config.php” to read it!!
%