Sunvisor Lab.

このサイトではxoopsのpicoを使ってドキュメントを書いています。picoのエディタはspawにしてあるのでWYSIWYGな感じで文章が書けるので大変幸せです。このサイトのドキュメントはコードの引用などが多いため，<pre>タグを使用することが多いのですが，xoops表陣の環境では段落にM<pre>を指定することができません。また，ソース画面で<pre>を埋め込んでも，入力画面上での差異がわかりにくく，実際に公開してみて初めて指定が間違っていたことに気づくことがあります。そこで次の2点が解決できないかやってみました。

段落のプルダウンメニューに<pre>を追加する。

入力画面表示の時のスタイルシートを変更する。

段落のプルダウンメニューに<pre>を追加する

xoops\common\spaw\configにあるspaw_control.config.phpを編集します。

$spaw_dropdown_data['paragraph']['p'] = 'Normal';
$spaw_dropdown_data['paragraph']['pre'] = 'Formatted';
$spaw_dropdown_data['paragraph']['h1'] = 'Heading 1';
$spaw_dropdown_data['paragraph']['h2'] = 'Heading 2';
$spaw_dropdown_data['paragraph']['h3'] = 'Heading 3';
$spaw_dropdown_data['paragraph']['h4'] = 'Heading 4';
$spaw_dropdown_data['paragraph']['h5'] = 'Heading 5';
$spaw_dropdown_data['paragraph']['h6'] = 'Heading 6';

上記のようなリストがある部分が段落のプルダウンメニューの設定部分です。そこに赤字の部分を追加しました。

入力画面表示の時のスタイルシートを変更する

同じspaw_control.config.phpを見ていると，

$spaw_default_css_stylesheet = $spaw_dir.'wysiwyg.css';

という記述があります。これがどうも入力時のスタイルを定義するスタイルシートのようです。xoops\common\spawにあるこのファイルを修正することで入力時の表示を変更できます。