Подсветка синтаксиса в постах плагина Rainlab.Blog в CMS October

Для подсветки синтаксиса существует плагин Sytaxed. Он представляет реализацию библиотеки PrismJS, которая обеспечивает синтаксическую подсветку кода.

Использование Syntaxed совместно с плагином Rainlab.Blog

Добавить плагин на страницу отдельного поста

  1. Страницы -> Страница с компонентом BlogPost
  2. Добавить компонент Syntaxed Component
  3. Сохранить

Используя markdown разметку указать использумый язык

```markup  
<html>  
    <head>  
        <title>Express</title>  
        <link rel="stylesheet" href="/stylesheets/style.css">  
    </head>  
    <body>  
        <h1\>Express</h1>  
        <p>Welcome to Express</p>  
    </body>  
</html>  
.```
```css  
body {  
 padding: 50px;  
 font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;  
}  

a {  
    color: #00B7FF;  
}  
.```
```javascript  
app.use(cookieParser());  
app.use(express.static(path.join(__dirname, 'public')));  

app.use('/', index);  
app.use('/users', users);  
.```

Страница должна отобразиться с подсвеченным синтаксисом.

Коды поддерживаемых языков PrismJS

  • HTML - markup
  • CSS - css
  • C-like - clike
  • JavaScript - javascript
  • ABAP - abap
  • ActionScript - actionscript
  • Ada - ada
  • Apache Configuration - apacheconf
  • APL - apl
  • AppleScript - applescript
  • Arduino - arduino
  • AsciiDoc - asciidoc
  • ASP.NET (C#) - aspnet
  • AutoIt - autoit
  • AutoHotkey - autohotkey
  • Bash - bash
  • BASIC - basic
  • Batch - batch
  • Bison - bison
  • Brainfuck - brainfuck
  • Bro - bro
  • C - c
  • C# - csharp
  • C++ - cpp
  • CoffeeScript - coffeescript
  • Crystal - crystal
  • CSS Extras - css-extras
  • D - d
  • Dart - dart
  • Django/Jinja2 - django
  • Diff - diff
  • Docker - docker
  • Eiffel - eiffel
  • Elixir - elixir
  • Erlang - erlang
  • F# - fsharp
  • Fortran - fortran
  • Gherkin - gherkin
  • Git - git
  • GLSL - glsl
  • Go - go
  • GraphQL - graphql
  • Groovy - groovy
  • Haml - haml
  • Handlebars - handlebars
  • Haskell - haskell
  • Haxe - haxe
  • HTTP - http
  • Icon - icon
  • Inform 7 - inform7
  • Ini - ini
  • J - j
  • Java - java
  • Jolie - jolie
  • JSON - json
  • Julia - julia
  • Keyman - keyman
  • Kotlin - kotlin
  • LaTeX - latex
  • Less - less
  • LiveScript - livescript
  • LOLCODE - lolcode
  • Lua - lua
  • Makefile - makefile
  • Markdown - markdown
  • MATLAB - matlab
  • MEL - mel
  • Mizar - mizar
  • Monkey - monkey
  • N4JS - n4js
  • NASM - nasm
  • nginx - nginx
  • Nim - nim
  • Nix - nix
  • NSIS - nsis
  • Objective-C - objectivec
  • OCaml - ocaml
  • OpenCL - opencl
  • Oz - oz
  • PARI/GP - parigp
  • Parser - parser
  • Pascal - pascal
  • Perl - perl
  • PHP - php
  • PHP Extras - php-extras
  • PowerShell - powershell
  • Processing - processing
  • Prolog - prolog
  • .properties - properties
  • Protocol Buffers - protobuf
  • Pug - pug
  • Puppet - puppet
  • Pure - pure
  • Python - python
  • Q - q
  • Qore - qore
  • R - r
  • React JSX - jsx
  • Ren'py - renpy
  • Reason - reason
  • reST (reStructuredText) - rest
  • Rip - rip
  • Roboconf - roboconf
  • Ruby - ruby
  • Rust - rust
  • SAS - sas
  • Sass (Sass) - sass
  • Sass (Scss) - scss
  • Scala - scala
  • Scheme - scheme
  • Smalltalk - smalltalk
  • Smarty - smarty
  • SQL - sql
  • Stylus - stylus
  • Swift - swift
  • Tcl - tcl
  • Textile - textile
  • Twig - twig
  • TypeScript - typescript
  • VB.Net - vbnet
  • Verilog - verilog
  • VHDL - vhdl
  • vim - vim
  • Wiki markup - wiki
  • Xojo (REALbasic) - xojo
  • YAML - yaml

Похожие записи