Yadotek

Kod renklendirici – Prismjs

29.11.2019
266
Kod renklendirici – Prismjs

Web sitelerinizde eklediğiniz kodlarınız sade ve biçimsiz bir şekilde göstermek yerine daha hoş ve canlı göstermek her zaman daha dikkat çekicidir.Bu eklenti sayesinde web sitenizde paylaştığınız kodların görünümüne şıklık katabilirsiniz

Peki nasıl kurcaz sitemize entegre edicez ?

Önce web sitesine girin : https://prismjs.com/

Burdan indirin

Daha sonra basic usage kısmına gelip

stil ve javascript dosyalarını head taglarınız arasına ekleyin

<!DOCTYPE html>
<html>
<head>
	...
	<link href="themes/prism.css" rel="stylesheet" />
</head>
<body>
	...
	<script src="prism.js"></script>
</body>
</html>

daha sonra renklendirmek istediğiniz kodlarınız taglar arasına yazın

<pre><code class="language-css">p { color: red }</code></pre>

burda önemli olan class=”language-css” te renklendirmek istediğiniz kodun kısaltmasını yazmak

php kodunu reklendirmek istiyorsanız class=”language-php” şeklinde değiştirin

dilerseniz indirmeden uzak sunucudan da stil ve javascript dosyalarını ekleyebilirsiniz

<!DOCTYPE html>
<html>
<head>
	...
	<link href="https://myCDN.com/prism@v1.x/themes/prism.css" rel="stylesheet" />
</head>
<body>
	...
	<script src="https://myCDN.com/prism@v1.x/components/prism-core.min.js"></script>
	<script src="https://myCDN.com/prism@v1.x/plugins/autoloader/prism-autoloader.min.js"></script>
</body>
</html>

Birçok eklenti tema ve sistem desteğine sahip

Detaylı bilgi ve incelemek için web sitesini ziyaret edebilirsiniz


Desteklenen diller ve kodları

  • Markup – markuphtmlxmlsvgmathml
  • CSS – css
  • C-like – clike
  • JavaScript – javascriptjs
  • ABAP – abap
  • Augmented Backus–Naur form – abnf
  • ActionScript – actionscript
  • Ada – ada
  • ANTLR4 – antlr4g4
  • Apache Configuration – apacheconf
  • APL – apl
  • AppleScript – applescript
  • AQL – aql
  • Arduino – arduino
  • ARFF – arff
  • AsciiDoc – asciidocadoc
  • 6502 Assembly – asm6502
  • ASP.NET (C#) – aspnet
  • AutoHotkey – autohotkey
  • AutoIt – autoit
  • Bash – bashshell
  • BASIC – basic
  • Batch – batch
  • BBcode – bbcode
  • Bison – bison
  • Backus–Naur form – bnfrbnf
  • Brainfuck – brainfuck
  • BrightScript – brightscript
  • Bro – bro
  • C – c
  • C# – csharpcsdotnet
  • C++ – cpp
  • CIL – cil
  • CoffeeScript – coffeescriptcoffee
  • CMake – cmake
  • Clojure – clojure
  • Crystal – crystal
  • Content-Security-Policy – csp
  • CSS Extras – css-extras
  • D – d
  • Dart – dart
  • Diff – diff
  • Django/Jinja2 – djangojinja2
  • DNS zone file – dns-zone-filedns-zone
  • Docker – dockerdockerfile
  • Extended Backus–Naur form – ebnf
  • Eiffel – eiffel
  • EJS – ejs
  • Elixir – elixir
  • Elm – elm
  • Embedded Lua templating – etlua
  • ERB – erb
  • Erlang – erlang
  • F# – fsharp
  • Firestore security rules – firestore-security-rules
  • Flow – flow
  • Fortran – fortran
  • FreeMarker Template Language – ftl
  • G-code – gcode
  • GDScript – gdscript
  • GEDCOM – gedcom
  • Gherkin – gherkin
  • Git – git
  • GLSL – glsl
  • GameMaker Language – gmlgamemakerlanguage
  • Go – go
  • GraphQL – graphql
  • Groovy – groovy
  • Haml – haml
  • Handlebars – handlebars
  • Haskell – haskellhs
  • Haxe – haxe
  • HCL – hcl
  • HTTP – http
  • HTTP Public-Key-Pins – hpkp
  • HTTP Strict-Transport-Security – hsts
  • IchigoJam – ichigojam
  • Icon – icon
  • Inform 7 – inform7
  • Ini – ini
  • Io – io
  • J – j
  • Java – java
  • JavaDoc – javadoc
  • JavaDoc-like – javadoclike
  • Java stack trace – javastacktrace
  • Jolie – jolie
  • JQ – jq
  • JSDoc – jsdoc
  • JS Extras – js-extras
  • JS Templates – js-templates
  • JSON – json
  • JSONP – jsonp
  • JSON5 – json5
  • Julia – julia
  • Keyman – keyman
  • Kotlin – kotlin
  • LaTeX – latextexcontext
  • Less – less
  • LilyPond – lilypondly
  • Liquid – liquid
  • Lisp – lispemacselispemacs-lisp
  • LiveScript – livescript
  • LOLCODE – lolcode
  • Lua – lua
  • Makefile – makefile
  • Markdown – markdownmd
  • Markup templating – markup-templating
  • MATLAB – matlab
  • MEL – mel
  • Mizar – mizar
  • Monkey – monkey
  • MoonScript – moonscriptmoon
  • N1QL – n1ql
  • N4JS – n4jsn4jsd
  • Nand To Tetris HDL – nand2tetris-hdl
  • 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 – pascalobjectpascal
  • Pascaligo – pascaligo
  • PC-Axis – pcaxispx
  • Perl – perl
  • PHP – php
  • PHPDoc – phpdoc
  • PHP Extras – php-extras
  • PL/SQL – plsql
  • PowerShell – powershell
  • Processing – processing
  • Prolog – prolog
  • .properties – properties
  • Protocol Buffers – protobuf
  • Pug – pug
  • Puppet – puppet
  • Pure – pure
  • Python – pythonpy
  • Q (kdb+ database) – q
  • Qore – qore
  • R – r
  • React JSX – jsx
  • React TSX – tsx
  • Ren’py – renpy
  • Reason – reason
  • Regex – regex
  • reST (reStructuredText) – rest
  • Rip – rip
  • Roboconf – roboconf
  • Robot Framework – robotframeworkrobot
  • Ruby – rubyrb
  • Rust – rust
  • SAS – sas
  • Sass (Sass) – sass
  • Sass (Scss) – scss
  • Scala – scala
  • Scheme – scheme
  • Shell session – shell-session
  • Smalltalk – smalltalk
  • Smarty – smarty
  • Solidity (Ethereum) – solidity
  • Soy (Closure Template) – soy
  • SPARQL – sparqlrq
  • Splunk SPL – splunk-spl
  • SQF: Status Quo Function (Arma 3) – sqf
  • SQL – sql
  • Stylus – stylus
  • Swift – swift
  • TAP – tap
  • Tcl – tcl
  • Textile – textile
  • TOML – toml
  • Template Toolkit 2 – tt2
  • Turtle – turtletrig
  • Twig – twig
  • TypeScript – typescriptts
  • T4 Text Templates (C#) – t4-cst4
  • T4 Text Templates (VB) – t4-vb
  • T4 templating – t4-templating
  • Vala – vala
  • VB.Net – vbnet
  • Velocity – velocity
  • Verilog – verilog
  • VHDL – vhdl
  • vim – vim
  • Visual Basic – visual-basicvb
  • WebAssembly – wasm
  • Wiki markup – wiki
  • Xeora – xeoraxeoracube
  • Xojo (REALbasic) – xojo
  • XQuery – xquery
  • YAML – yamlyml
  • Zig – zig

BİR YORUM YAZIN

*

code

ZİYARETÇİ YORUMLARI - 0 YORUM

Henüz yorum yapılmamış.

Yazılım Donanım Teknoloji 2019