とあるサイト構築について検討中。
サイトの機能として、ある種の「時間割」を表示しそれを内部スタッフが自由に編集したいという要望。
更新頻度は年に数回程度。年に数度であれば、特別な仕組みを入れるまでもなく、その都度、編集をこちらに依頼してもらえればOKと話したのだが、どうしても先方は自分たちで変更したいといって聴かない。
その方がコスト高になると言っても、聞かない。
時間割といっても単純にn × nの碁盤のようなtable/表組みでなく、上下左右にコマを連結する必要があり(コマの増減もあり)、項目もある程度限定できるので、PHP + MySQLにて「時間割」を管理するシステムの構築を提案していた。
その後、それとは別に、サイト全体のページを編集/管理したいというので、WordPressの導入を検討。
さらにその後、他社の見積によると、時間割部分もCMSに含められているので、時間割管理システムの費用を削れないか…と。(-_-;;
WordPress内でも工夫すれば時間割的なページを作って編集することはできるだろうが、専用に作られたものとでは編集しやすさ・管理しやすさがだいぶ変わってきます…と説明するも、年に数回の編集のためにそこまで予算を取れないとの。予算がなく、年に数回であればその都度依頼してもらったほうがと前に説め(ry
前置きが長くなったが、出来るだけWordPressで簡単かつ自由にテーブルを編集できる方法を探してみた。
WordPress(今回は2.8)のデフォルトのビジュアルエディタには、Tableの編集機能は無い。まず、table編集できるプラグインを探す。ざっと探して
- WordPress のビジュアルエディタにテーブル(表組み)の追加・編集機能を付ける方法。 | btmup Blog
TinyMCEにtable編集機能のみを追加する方法。しかし、これにはセルの結合機能が無いため、却下。 - WPのプラグイン:Dean’s FCKEditor for WordPress plugin
WYSIWYGエディタの老舗?FCKEditorをWPに組み込む方法。
FCKEditorデモページ FCKeditor – Demo - Plugin WP-Table Reloaded (English) : The unexpected is what changes our lives.
WP-Table REloaded。これもセルの結合機能がない。というか、csvをインポートできたり、表示後にソートできたりと、静的なtableを表示する場合は良さそう。今回の目的とはちょっと違うはこれはこれでアリ。 - WordPress › TinyMCE Advanced « WordPress Plugins
TinyMCE の高機能版?これであれば、セルの結合・分離も出来そう。
→デモページ TinyMCE – Full featured example - Wordpress Editor Extender | The Book and the Cover
TinyMCEから機能を整理し、よりWordPress用に最適化されてる感じ。
それぞれの特徴をまとめてみる。
| エディタ | セル結合 | 結合方法 | 日本語 対応 |
|
| 1 | WPにtable機能のみ追加 | 不可 | ー | |
| 2 | FCKEditor | 可 | セルを右クリック or セルをドラッグし、コンテクストメニューより、隣接するセルと結合を指示できる(※1) | ○ |
| 3 | WP-Table Reloaded | 不可 | ー | ○ |
| 4 | TinyMCE Advanced | 可 | A)セルをドラッグして選択後、結合アイコンを選択→選択したセルが結合される(※1) B)セルを選択し、セルの結合アイコンを選択後、ポップアップより結合するセル数を入力。 C)コンテクストメニューからもテーブル・セルの操作が可能。 |
○ |
| 5 | Editor Extender | 可 | A)セルをドラッグして選択後、結合アイコンを選択→選択したセルが結合される(※1) B)セルを選択し、セルの結合アイコンを選択後、ポップアップより結合するセル数を入力。 C)コンテクストメニューは無し |
△ |
いろいろ使ってみた結果、セルの結合は、上下左右のセルをドラッグして選択→結合アイコンという操作が一番わかりやすい。上記でいうと、TinyMCE Advancedと、Editor Extenderが、その操作が可能。この2つが有力候補だね。
しかし、残念なことに、IEだとセルの複数選択自体ができない。(IE7,IE8で確認)。従って、IEを基準に考えると、TinyMCE,Editor Extenderの場合、結合アイコンorコンテクストメニューから、結合用のポップアップを開いて、結合する行・列の数値を入力しないといけないのに対し、FCKEditorは、セル→コンテクストメニュー→結合と、こちらのほうがわかりやすい。
結論。
Table編集において、セルの結合を必須条件として考える場合、
- セルをドラッグして選択できるFirefoxの場合なら、TinyeMCEのほうが良い。
- セルをドラッグ選択できないIEなら、FCKEditorのほうが良い。
です。
未だにブラウザの挙動の違いで制作サイドが影響を受けるという苦々しい結果であった。


Popularity: 19% [?]




