DokuWikiで研究生活

メモする。好きを極める。アピールする。

ユーザ用ツール

サイト用ツール


Top     SiteMap

plugin:syntaxhighlighter4.html



「プラグイン」に戻る

DokuWikiおすすめプラグイン一覧。まとめ

DokuWikiプラグイン : Syntaxhighlighter4

概要

CSSを修正して見やすくする

管理画面のサイト設定よりどのCSSを利用しているか確認して修正する。

theme-default.css

lib/plugins/syntaxhighlighter4/dist/theme-default.css

バックグラウンドの色を修正

.syntaxhighlighter {
  background-color: white !important; }
  .syntaxhighlighter .line.alt1 {
    background-color: #F2F5F8 !important; }    <- 変更
  .syntaxhighlighter .line.alt2 {
    background-color: #F2F5F8 !important; }    <- 変更


縦のスクロールバーをなくす

.syntaxhighlighter textarea {
  -moz-border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 !important;
  background: none !important;
  border: 0 !important;
  bottom: auto !important;
  float: none !important;
  height: auto !important;
  left: auto !important;
  line-height: 1.1em !important;
  margin: 0 !important;
  outline: 0 !important;
  overflow: visible !important;
  overflow-y: hidden !important;    <- 追加
  padding: 0 !important;



右に寄せる

  .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line {
    margin-left: .5em !important;           <- 追加
    padding-left: .5em !important; }        <- 0em から変更


設定:右上の緑のSyntaxHighlighter3の説明の四角を消す

「toolbar:false」を書く。

<shx コード toolbar:false>


#/bin/sh
[ -d $logdir ] || mkdir $logdir
echo "test"

<sxh bash toolbar:false gutter:false>
[ -d $logdir ] || mkdir $logdir
echo "test"
</sxh>



<div>Some text</div>
<?php
public function render($mode, &$renderer, $data) {

  if($mode != 'xhtml') return false;
}
?>

<sxh php; html-script: true>
<div>Some text</div>
<?php
public function render($mode, &$renderer, $data) {

  if($mode != 'xhtml') return false;
}
?>
</sxh>


言語の追加

  1. スクリプトを探してlib/plugins//syntaxhighlighter3/sxh3/scriptsに入れる
  2. [管理] - [サイト設定]から「Syntaxhighlighter3 プラグイン設定」に行き、エイリアスとスクリプトの関連づけを行う。

SyntaxHighlighterプラグイン [いかたこのたこつぼ]

WordPress用のWP SyntaxHighlighterをダウンロードすると、sample/lang-pack-for-wp-syntaxhighlighterの中にまとまって入っているので利用できる。

初期状態

コード1 xxxx.js, コード2 xxxx.js
applescript shBrushAppleScript.js,actionscript3 as3 shBrushAS3.js,bash shell shBrushBash.js,coldfusion cf shBrushColdFusion.js,cpp c shBrushCpp.js,c# c-sharp csharp shBrushCSharp.js,css shBrushCss.js,delphi pascal shBrushDelphi.js,diff patch pas shBrushDiff.js,erl erlang shBrushErlang.js,groovy shBrushGroovy.js,java shBrushJava.js,jfx javafx shBrushJavaFX.js,js jscript javascript shBrushJScript.js,perl pl shBrushPerl.js,php shBrushPhp.js,text plain shBrushPlain.js,ps powershell shBrushPowerShell.js,py python shBrushPython.js,ruby rails ror rb shBrushRuby.js,sass scss shBrushSass.js,scala shBrushScala.js,sql shBrushSql.js,vb vbnet shBrushVb.js,xml xhtml xslt html shBrushXml.js





「プラグイン」に戻る




plugin/syntaxhighlighter4.html.txt · 最終更新: 2016/11/11 by oreda admin