CKEditorでの表(テーブル)の操作について

Events happening in the community are now at Drupal community events on www.drupal.org.
shcms05's picture

drupal 7 です。

他にもCKEditorに関する質問があったので、便乗しようか迷いましたが、独立して質問します。

CKEditorをメインのEditorにしたいのですが、
表の行の追加や、削除をする機能がなかったり、表を全選択してプロパティを変更すると、表の中のデータが消えてしまったりということで困っています。
プラグインがどこかに存在するのでしょうか?
検索をかけたのですが、見つけられませんでした。

現在では、TinyMCE 3.3.6を利用していますが、こちらも不具合が多く、使いづらい状況です。

rich textは、表とフォントのカラー、大きさのみを変更する目的としています。

または、他におすすめのEditorがありましたらどなたか教えて頂けますでしょうか?

Comments

CKEditorのプラグイン

qchan's picture

CKEditorのプラグインは
Search | CKEditor.com
で探すことができます。

この中の、Table toolsが求めておられる機能を満たしそうです。

config.jsファイル(あるいは、CKEditorモジュールのckeditor.config.js)に

config.extraPlugins = 'tabletools';

といれると使えるはずですが、試してはいないです。
依存Pluginがいろいろあるのでそれも入れる必要が有ると思います。

わたしも使ってみたいので、成功したら教えてください。

Markdown filter

qchan's picture

CKEditorのような巨大ライブラリとは別に、
shcms05さんの用途だとmarkdown filter, またはそれを使えるEditorのセットも
良いのではないかと思います。
エディタを使わずに簡単に修正が出来ると思います。

Markdown filter | Drupal.org
Markdown editor for BUEditor | Drupal.org

markdown記法はGithubなどで標準的に使われるようになっていますので、
日本語の解説も探しやすいですよ。

qchan 様 まずは、table

shcms05's picture

qchan 様

まずは、table toolsのご紹介ありがとうございます。
試してみて、結果を報告いたします。
検索の仕方も教えて頂き、お恥ずかしいのと同時にお礼申し上げます。

markdownについては、まだ良く概要が理解できていないのですが、qchan様のおっしゃるとおり
日本語の解説を探して検証し、この場で報告しますね。

drupal 7をメインで利用しています。

Table Toolsについて

shcms05's picture

現状報告です。
解決には至っておりません。

CKEditor のstandardパッケージには、Table Toolsが含まれていました。
ですが、環境設定->CKEditor->editor appearanceのツールバーの部分に、
insert rowや、Insert Col
などのボタンが出てきませんでした。

念のため、CKEditor も4.4にアップグレードし、pluginsの中にも、ダウンロードした4.4のtabletoolsを上書きし、config.jsの中に、
config.extraPlugins = 'tabletools';
の記述を入れ、モジュールをoffにし、再度onにしましたが、それらしきツールバーは現れませんでした。

チュートリアルや、CKEditorのサイトを見ると、依存pluginはなさそうです。

肝心のtabletoolsの中身は、jsファイルが2つあり、
plugins.jsの中身には、InsertRowなどの関数があるので、そのような仕様にはなっているようです。
しかし、dialogs/tableCell.jsの中身は、tableツールバーボタンのダイアログの仕様のみが記述されており、
行の追加(InsertRow)をどのように呼び出しているのか、私の技量では理解できませんでした。

知識・技量不足で、ここで止まってしまったのが現状でした。

まずは、教えて頂いた
Markdown filter
を試してみようと思います。

drupal 7をメインで利用しています。

goat5000's picture

すでに解決されていたらすいません。
表の行の追加、削除は変更したい行で右クリックすると行の追加・削除メニューが出ないでしょうか。
Drupal 7.26、CKEditor 7.x-1.14(Date 2014-May-08)で確認しました。

ありがとうございました。

shcms05's picture

goat5000 様

おかげで解決しました。

右クリックに気づきませんでした。

これから、CKEditorをメインで使ってみます。

drupal 7をメインで利用しています。

すごい。

qchan's picture

これいままでやりたくて出来なかったところです。
ありがとうございました。

shcms05's picture

CKEditorで、表の編集ができるようになりました。

しかし、結局のところ、不具合の少なさから、tinyMCEを使うこととしました。

みなさん、いろいろ教えて頂きありがとうございました。

drupal 7をメインで利用しています。

shinmaikeru's picture

私もテーブルをもっと上手に作れるソリューションを探しています。CKEditorだとベーシックなことしかできないし、HTMLを使えないエディターの場合、使いづらいというクレームが多いです。
何か見つかったらこのフォーラムで報告します。

qchan's picture

お聞きしたいのですが、CKEditorの不具合というのはどんなことを指していますか?

次期Drupal8では標準のHTMLエディタがCKEditorになりますので、
不具合があればIssueに上げてもらえると、世界中の多くのユーザーが助かります。

私は何年か前になりますがtinyMCEでFirefox使用時に漢字変換のエンターキーを
押すと改行されてしまう現象が直らずCKEditorに移行した記憶があります。

qchan

shcms05's picture

qchan 様

返信が遅くなって、申し訳ありません。

私が不具合だと思っていたことですが、

一つは、
表を作成、文字を入力後、もう一度表を全選択し、
表ボタンを押して、例えば、幅を変更したりなどとすると、文字が全部消えてしまうことでした。

こちらは、右クリックで、表のプロパティによる変更で解決していました。
つまり、私の勘違いですね。すいません。

一つ使いずらいのは、列すべてを選択して、背景色を変更することができない(tinyMCEはできる)などでしょうか。
セルを一つづつ選択して、セルのプロパティで変更できるのですが、行数が多いと、かなり大変です。

8で、CKEditorが標準になるということは知りませんでした。とても勉強になります。

余談ですが、tinyMCEは、IMCEとの連携で、filterdHTMLだとうまく画像がアップ出来ないという現象が出ています。

改行なんかもうまくいかないことが結構あります。DBにゴミが残っているせいかと思い作り直してもうまくいかないことがあり、この辺はとても難しいです。

drupal 7をメインで利用しています。

私のところもCKEditorですが

wataru.kato's picture

Drupal8では標準のHTMLエディタがCKEditor

そうなんですね。
私のところでは朗報です :-)
うちでは社内のイントラサイトなので、エディタの使い勝手については「慣れなさい」で通しております。

最初にCKEditorの導入を検討していた際には、

1)CKEditor(Basic、Standard、Full)
http://ckeditor.com/

2)CKEditorモジュール
https://drupal.org/project/ckeditor

3)CKEditor for Drupal(Trial、正規版)
http://cksource.com/ckeditor-for-drupal

などが検索ヒットして、いったいどれを入れればいいのか?と迷いました。

最終的に1)+2)で運用しています。
#2)の説明に従って、1)と2)をインストールしました
3)がどういう位置づけの製品なのか英文読めてないので未だに理解していません;;

shinmaikeruさん いまのところ、tinyMCEが

shcms05's picture

shinmaikeruさん

いまのところ、tinyMCEがベストチョイスかなと思っています。
ただ、不具合が、多く、また、

<

p>タグ、タグが不要なところで挿入されるケースが多く困ってしまう場合があります。

データベースに不要なゴミが残っていると上記の不具合が起きるようで、ベースサイトを再作成したところ、不具合が出にくくはなりました。

良いエディタがあればいいですね。

ちなみに、tinyMCEは、新しい4以降のバージョンだとjsファイル名が異なるようで、インストールできず、
3.5.11を利用しています。
また、なぜかIMCEとの相性が悪いです。

drupal 7をメインで利用しています。

日本 コミュニティ: Drupal Japan User Group

Group organizers

Group categories

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: