SyntaxHighlighterの設定、カスタマイズ方法を解説。Crayonから乗換え、高速化にも最適
SyntaxHighlighterの設置方法 JavaScript、CSSを設置（基本形） JavaScriptと CSSの設置は HTMLの headタグの中（<head>～</head>）に下記のソースを編集します。 WordPressの場合は、下記の header.phpに追加します。 /wp-content/themes/{テーマフォルダ}/header.php <script src="<?php echo get_template_directory_uri(); ?>/high/scripts/shCore.js"></script> <script src="<?php echo get_template_directory_uri(); ?>/high/scripts/shBrushCss.js"></script> <script src="<?php echo get
ソースコードの装飾表示方法 SyntaxHighlighter
HTML,CSS,JS,Perl,PHPなどの各ソースコードをWebサイト上に綺麗に再現。 NetyaSun ソースコード表示 ホームページ 作成、運営、管理ガイド 行番号や各行背景色で見やすい ソースコード ビュー ライブラリ SyntaxHighlighter エディタのようにWebサイト上に綺麗にソースコードを表示する方法。 ソースを書くプロ達や未来の開発者のための学びの場である HTML,CSS,JS,Perl,PHPなどのマニュアル・解説サイトなどで、 PREソースコードを行頭番号付きでカッコよく表示するソース ビューア SyntaxHighlighter SyntaxHighlighter:Download ソース上にオンマウスで の操作タブがソースの右上に表示されるようになった。 ソースを別窓ビュー表示したりクリップボードに保存や印刷も可能な優れものです。 <?xml ve
SyntaxHighlighter2 | Webサイト制作支援 | ShanaBrian Website
SyntaxHighlighter2の使用方法をご紹介しています。 SyntaxHighlighter2はHTMLやJavaScriptなどの言語をソース表示するJavaScriptライブラリです。 なお、ここでご紹介しているSyntaxHighlighterは、旧バージョンであるSyntaxHighlighter 1.5.1とは多少設定が異なりますのでご注意いください。 ※ 本家サイトは閉鎖されました。 ※ ブログやCMSでの使用方法は掲載していません。 目次 ダウンロードと設置 JavaScriptおよびCSSの読み込みと設定 適用方法 classの設定データ 詳細設定 テーマ 自動改行（折り返し）のアイコン非表示 ダウンロードと設置 Githubからダウンロードして解凍します。 解凍後、scripts、src、stylesディレクトリを任意の場所に設置します。 JavaScriptお
（ちょっとメモ）SyntaxHighlighter 3.0.83 の使い方
SyntaxHighlighter のオプションを使う ★特定の行をハイライトする ★タイトルをつける ★他言語のソースコードとHTMLを同時に HTML以外の言語を指定してから、半角スペースを空けて「html-script:true」と書けば、 両方とも色分けされます。（下記は、JavaScript と HTMLの例） ★開始行番号を変える ★ツールバーの表示・非表示 「toolbar」とは、<pre>の右上に出てくる小さな「？」マーク。これを非表示にできます。 ★ソース内のリンクをはずす ソース内にURLがあると、デフォルトでリンクを貼りますが、「auto-links:false」にすれば、ソース内のリンクをはずせます。 CSSを編集してオリジナルのスタイルに セレクタは「pre」でなく「.syntaxhighlighter」 <pre>要素に「class="brush:○○"」と指定
SyntaxHighlighter導入ではまった件
前の記事にSyntaxHighlighterを導入しようとしたんだが 結局うまく動かせるまでに3時間ほどかかった、気がする 原因はDynamic Viewという、Bloggerに適用したデザインテンプレートのせい こちらのブログを参照させていただき解決した BloggerのDynamic View（動的ビュー）でSyntaxHighlighterを使う 以下、自分の忘れ防止のためのメモ 1.コードをここでHTMLエンコードする 2. <pre class="brush:[コードの種類]"> <!-- ここにコードを記述 --> </pre> [コードの種類]は Bashスクリプトのときbash JavaScriptのときjs CSSのときcss Pythonのときpython Plain Textのときtext 3.HTMLエディタに切り替えて、末尾に以下のコードを貼り付ける <div s
SSH-Keygen Git Bash: A Comprehensive Guide for Secure Authentication in Git : sshmyanmar.com
Hello readers! Welcome to our extensive journal article on SSH-Keygen Git Bash, where we will dive deep into the world of secure authentication in Git. In this article, we will explore the fundamentals of SSH-Keygen, its integration with Git Bash, and how to effectively use it to enhance your Git workflow. So, let’s get started! 1. Understanding SSH-Keygen SSH-Keygen is a tool used to generate sec
SyntaxHighlighterでの行番号の指定、およびハイライトの設定方法 | Sabakura Blog
Warning: Declaration of FEE_Field_Terms::wrap($content, $taxonomy, $before, $sep, $after) should be compatible with FEE_Field_Post::wrap($content, $post_id = 0) in /home/twfs/serverkurabe.com/public_html/blog/wp-content/plugins/front-end-editor/php/fields/post.php on line 0 Warning: Declaration of FEE_Field_Tags::wrap($content, $before, $sep, $after) should be compatible with FEE_Field_Terms::wrap
BloggerにソースコードをハイライトするSyntaxHighlighterを導入する
たまにブログなどで綺麗にソースコードを表示しているサイトを見かけますよね？ ソースコードを文法的に色を変えて(シンタックスハイライトして)表示していて綺麗ですね。 ブログなどでシンタックスハイライトするにはSyntaxHighlighterというのを使います。 まずはSyntax Highlighter Scripts Generatorで必要な言語を選択してください。 ちなみにココでハイライトのテーマも選ぶことができます。 SyntaxHighlighter - Themesで事前に好みのテーマを確認できるから要チェックです。 Generateボタンを押したらテキストエリアにコードが表示されるからコピペしましょう。 <link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet
ソースコードをハイライトするSyntaxHighlighter3.0を使いこなす
導入編：DevAchieve: BloggerにソースコードをハイライトするSyntaxHighlighterを導入する SyntaxHighlighterを使用してソースをカラフルに表示するには、 以下の二通りの方法で記述することができます。 preタグを使う scriptタグを使う preタグを使う<pre class="brush: alias;"> // ココにソースを記述 </pre>メリット：後述のscriptタグと違ってハイライトスクリプトが読み込まれなくてもテキストとして表示される。 デメリット：<以降がタグとして認識されるため<と書き換えなければならない。 Bloggerの人気の投稿ウィジェットに表示される記事の前文にpreタグまで含まれると 表示が狂うことがある。(何が原因かわからないけどコレのせいで最初からHTML/CSS組み直した(´Д⊂ヽ) このせいで記事の
[JS]25種類の言語に対応したsyntax highlighter -jQuery.Syntax
HTML, CSS, JavaScriptをはじめ、PHP, Ruby, Perl, Apache Configなどにも対応した、コード表示を読みやすくするsyntax highlighterの超軽量スクリプトを紹介します。 jQuery.Syntax デモページ 対応する言語は、下記の25種類です。 リンクは各デモへのものです。 Apache Config AppleScript Assembly Bash Bash Script Basic C# C/C++/Objective-C CSS Diff HTML Haskell Java JavaScript Lisp Lua Object-Oriented C PHP Pascal Perl 5 Python Ruby SQL Smalltalk YAML 対応ブラウザはIE6+, Fx2+, Safari3+, Opera9+とのこと
The Parse Kit Framework, Technology Blog and Directory
PARSEKIT COCOA OBJECTIVE C FRAMEWORK FOR PARSING, TOKENIZING AND LANGUAGE PROCESSING ParseKit ParseKit is a Mac OS X Framework written by Todd Ditchendorf in Objective-C and released under the Apache 2 Open Source License. ParseKit is suitable for use on Mac OS X Leopard and later or iOS. ParseKit is an Objective-C is heavily influced by ANTLR by Terence Parr and “Building Parsers with Java” by St
JavaScriptでソースコードに簡単色付け google-code-prettify - むかぁ～ どっと こむ
ソースコードを簡単に色付けしてくれるgoogle-code-prettifyを ブログに導入してみたのでその設定手順もあわせて紹介。 当ブログではjqueryとmarkdownの合わせ技で 簡単にシンタックスハイライトができるようにしてみました。 Google Code Prettify とは JavaScriptのライブラリ Google製 各種言語ソースコードにシンタックスハイライトを行う HTMLに埋め込んでいるpreタグの内容を書き換え CSS書き換えで着色変更 対応言語はCをベースとしたJava, Python, Bash, SQL, HTML, XML, CSS, Javascriptに対応、 その他 Perl, Ruby, PHP, VB, Awk ,Lisp は一部コメント記述がおかしくなる場合があります。 vb rubyやlispなどで'シングルクォーテーション１個だけ使
Google Code Prettify のかゆいとこをなんとかする jQuery プラグインを書いてみた | CYOKODOG
ソースコードをかっこよく表示してくれる JavaScript ライブラリ「Google Code Prettify」。巷では高機能な「SyntaxHighlighter」におされ気味ではありますが、シンプル仕様で見た目もかっこよくて好みです。今回はちょっと手を加えて使い勝手の方を少し改善してみました。 かっこいい「Google Code Prettify」 大人気の見た目系フレームワーク「Twitter Bootstrap」ですが、本家サイトに掲載されてるソースコードは「Google Code Prettify」を使用してるようです。かっこいいですね！ Google Code Prettify 自体は昔からありますが、Bootstrap のおかげで再評価されてるような気がします。 preタグのclassに、prettyprint linenums を入れましょう。 これが超かっこいい！！コ
Syntaxhighlighter3.0.83で長い行を折り返して表示する | Waka8*Stakes[わかば☆すてーくす]
:( 404 Page not found This page does not exist.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.near-mint.com/blog/3552
Syntax Highlighter Scripts Generator ‹ Blogger Widgets | Tips | Tricks | Templates : Way2Blogging
Playstation mk2
raboof.com—Tidy JSON - JSON Pretty Printer/Colorer
google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting
Display JSON as HTML
