Evernote　と　ガジェット

JoomlaにSyntaxHighlighterをインストールしました。

Joomla用プラグインの入手先はこちら。
インストールはダウンロードしたzipファイルをjoomlaでzipのままインストールします。
プラグイン管理でSyntaxHighligherを有効にすれば使用可能になります。

導入はこちらを参考にさせて頂きました。

感想ですが、意外と手間がかかります。
文章を作成中にhtmlとソースと、エディタを切り替えるとレイアウトが崩れてしまいます。
htmlエディタが勝手に改行をいじったりするのが原因なので、
ソースは最後の最後に追加すれば回避できます。

var $ftp_root = '/home/hogehoge/www';
var $dbtype = 'mysql';
var $host = 'XXXXXXXX.db.sakura.ne.jp';
var $user = 'hoge';
var $db = 'hogehoge';

以上おわり

このプラグインを使用するときは全てテキストベースで作成した方が早いかもしれません。

補足 微調整

ソース表示の横幅が大きすぎました。

/インストール先/plugins/content/syntaxhighlighter/stylesフォルダ以下にスタイルシートが保存されています。

スタイルシートの選択でデフォルトを使用しているので「shThemeDefault.css」を変更します。

.syntaxhighlighter
{
	background-color: #E7E5DC !important;
	width:500px!important; 
}

他の画像に合わせて500ピクセルに指定しました。

これで横幅を指定できます。

お使いのCSSファイルを修正して下さい。