2019/03/24 06:10 JST

Geeklog Japan Forums

TinyMCEの縦間延び現象について

ページナビゲーション


状態: オフライン

yasuko

Forum User
Newbie
登録日: 06/14/13
投稿数: 2
TinyMCEにいつも大変お世話になっております。 Databox+TinyMCEで飛躍的にお客様の利便性がアップし、 Geeklogの優位性が上がり、お客様にも大変喜ばれています。 が、2つほど困っている点があります。 1)エディタ部分が縦に間延びして表示されることが多々ある。 ブラウザ問わず、この現象は起き、次のエディタ部分まで移動するのに果てしなくスクロールしなくてはいけない状況です。 2)コンフィギレーションで「「特定のtextareaタグ」にして、CSSIDを追加するのですが、Databoxでは特に多くのIDを指定するせいか、保存してもう一度開くと、いくつか指定が消えてしまい、歯抜けになってしまうことが頻繁にあります。これを何度も繰り返さないと、必要な指定をすべて行うことができず、非常に苦労しています。 この現象は少なくとも、Chromeで起きています。 この2点のうち、2点目は開発側しか使わない機能なのでよいのですが、特に1点目が改善されると、さらにお客様にTinyMCEをお勧めすることができます。 よろしくお願いします。

状態: オフライン

mystral-kk

Site Admin
Admin
登録日: 03/23/06
投稿数: 1022
場所:福岡県
Quote by: yasuko

TinyMCEにいつも大変お世話になっております。 Databox+TinyMCEで飛躍的にお客様の利便性がアップし、 Geeklogの優位性が上がり、お客様にも大変喜ばれています。 が、2つほど困っている点があります。 1)エディタ部分が縦に間延びして表示されることが多々ある。 ブラウザ問わず、この現象は起き、次のエディタ部分まで移動するのに果てしなくスクロールしなくてはいけない状況です。 2)コンフィギレーションで「「特定のtextareaタグ」にして、CSSIDを追加するのですが、Databoxでは特に多くのIDを指定するせいか、保存してもう一度開くと、いくつか指定が消えてしまい、歯抜けになってしまうことが頻繁にあります。これを何度も繰り返さないと、必要な指定をすべて行うことができず、非常に苦労しています。 この現象は少なくとも、Chromeで起きています。 この2点のうち、2点目は開発側しか使わない機能なのでよいのですが、特に1点目が改善されると、さらにお客様にTinyMCEをお勧めすることができます。 よろしくお願いします。

1点目に関しては、コンフィギュレーションでエディターウィンドウのサイズを設定できます。2点目に関しては、Geeklog標準の入力機能を使用しているため、プラグインの側では手が出せません。セキュリティートークンの時間切れが疑われるので、IDを追加する操作を1回につき20分以内に完了すれば正常に保存できると思います。
# 個人的には、CSS IDではなくCSSクラス名を指定するモードを選択する方が簡単だと思いますが。


-- mystral-kk, "Every cloud has a silver lining."

状態: オフライン

yasuko

Forum User
Newbie
登録日: 06/14/13
投稿数: 2

1点目に関しては、コンフィギュレーションでエディターウィンドウのサイズを設定できます。2点目に関しては、Geeklog標準の入力機能を使用しているため、プラグインの側では手が出せません。セキュリティートークンの時間切れが疑われるので、IDを追加する操作を1回につき20分以内に完了すれば正常に保存できると思います。 # 個人的には、CSS IDではなくCSSクラス名を指定するモードを選択する方が簡単だと思いますが。

[/p]
ご回答、ありがとうございます。 1点目に関しては、コンフィギュレーションでエディターウィンドウのサイズを設定しても、しなくても同様の現象となっています。 2点目に関しては、IDを追加する操作を1回につき20分以内に完了すれば正常に保存できるのではとのことですが、1分ほどで保存しても空になってしまうことが多々です。空になる箇所は、その時々で、何度も保存をし直して、空にならなくなるのをひたすら待って保存し直す状態です。

状態: オフライン

mystral-kk

Site Admin
Admin
登録日: 03/23/06
投稿数: 1022
場所:福岡県
Quote by: yasuko

1点目に関しては、コンフィギュレーションでエディターウィンドウのサイズを設定できます。2点目に関しては、Geeklog標準の入力機能を使用しているため、プラグインの側では手が出せません。セキュリティートークンの時間切れが疑われるので、IDを追加する操作を1回につき20分以内に完了すれば正常に保存できると思います。 # 個人的には、CSS IDではなくCSSクラス名を指定するモードを選択する方が簡単だと思いますが。

ご回答、ありがとうございます。 1点目に関しては、コンフィギュレーションでエディターウィンドウのサイズを設定しても、しなくても同様の現象となっています。 2点目に関しては、IDを追加する操作を1回につき20分以内に完了すれば正常に保存できるのではとのことですが、1分ほどで保存しても空になってしまうことが多々です。空になる箇所は、その時々で、何度も保存をし直して、空にならなくなるのをひたすら待って保存し直す状態です。

エディターウィンドウのサイズ指定が無視されるという現象に関しては、記事エディターでは再現できません。TinyMCEはテーブルを利用してエディターウィンドウやツールバーを表示しており、そのテーブルのstyle属性にコンフィギュレーションの設定を反映させることでサイズを指定しています。この指定が無視されるのは考えにくいので、Firebugなどを使用して、エディターウィンドウにどのようなスタイルが指定されているか確認していただけないでしょうか。

2点目に関しては、10個ほどIDを追加してみましたが、問題なく保存できました。いくつくらい追加するとエラーが発生しますか。あるいは特定のIDが保存できないということでしょうか。

前回も書きましたが、多数指定する必要があるなら、CSS IDではなくCSSクラス名で指定する方が普通だと思います。


-- mystral-kk, "Every cloud has a silver lining."

状態: オフライン

Ivy

Site Admin
Admin
登録日: 01/01/04
投稿数: 5895
場所:Tokyo
yasukoさん、DataBoxご利用ありがとうございます。
mystral-kkさん、回答ありがとうございます。

CSS IDではなくCSSクラス名で指定できるよう、DataBox・UserBoxプラグインを改良しようとおもいます。

databox アトリビュート 複数行テキスト 2つから、以下の3つに増やしてください。
複数行テキストフィールド(TEXT)
複数行テキストフィールド(HTML)
複数行テキストフィールド(HTML TinyMCE) ... class="tinymce_enabled" を追加。

これでこの2件が解決しそうです。

状態: オフライン

Ivy

Site Admin
Admin
登録日: 01/01/04
投稿数: 5895
場所:Tokyo
demoサイトで、記事のTinyMCEによる編集画面で確認したところ、やはり再現しているようです。
http://demo.geeklog.jp/admin/story.php?mode=edit&sid=welcome

縦に大幅に伸びてしまっています。

入力フォームに、table組みなど、多数のコンテンツがあればあるほど、縦方向に無駄に伸びてしまっているようです。

状態: オフライン

Ivy

Site Admin
Admin
登録日: 01/01/04
投稿数: 5895
場所:Tokyo
http://www.contaocms.jp/typolight-282-problem.html
このcontaoのページでTYPOlight 2.8.2におけるTinyMCEの問題と対策が紹介されていますが、こちらとは関係ないでしょうか。

http://demo,geeklog.jp

公開領域/tinymce/js/tiny_mce/plugins/autoresize
を削除したところ、問題がなくなったように思います。

状態: オフライン

Tsuchi

Site Admin
Admin
登録日: 06/03/05
投稿数: 782
場所:大阪府豊中市
現在開発中の版では
アトリビュート(追加項目)のタイプに
複数行テキストフィールド(HTML OK TinyMCE) を追加しました


Quote by: Ivy

yasukoさん、DataBoxご利用ありがとうございます。
mystral-kkさん、回答ありがとうございます。

CSS IDではなくCSSクラス名で指定できるよう、DataBox・UserBoxプラグインを改良しようとおもいます。

databox アトリビュート 複数行テキスト 2つから、以下の3つに増やしてください。
複数行テキストフィールド(TEXT)
複数行テキストフィールド(HTML)
複数行テキストフィールド(HTML TinyMCE) ... class="tinymce_enabled" を追加。

これでこの2件が解決しそうです。


状態: オフライン

Ivy

Site Admin
Admin
登録日: 01/01/04
投稿数: 5895
場所:Tokyo
Tsuchiさん、ありがとうございました!

状態: オフライン

keithr

Forum User
Active Member
登録日: 04/07/08
投稿数: 461
GL2.0サイトで同様の縦間延び現象が出てきました。
公開領域/tinymce/js/tiny_mce/plugins/autoresize を削除したところ、問題がなくなったように思います。
こちらの方法で解決しました。

ページナビゲーション

時刻はすべて JST , 現在の時刻は 06:10 AM

  • 通常
  • 注目トピック
  • ロック済
  • 新着
  • 注目トピック 新着
  • ロック済トピック 新着
  •  ゲストユーザの投稿を見る
  •  ゲストユーザ投稿可能
  •  一部のHTMLを許可
  •  バッドワードをチェック