• 解決済 yasuzen

    (@yasuzen)


    皆様初めまして。

    ビジュアルエディタの本文入力部分の横幅を可変ではなく、サイトのレイアウトに合わせ、固定したいと思っております。

    WEBの知識が乏しい人でも簡単にページ作成を行える様に、入力部分とプレビュー(出来上がり)の差をなくしたいと思い、質問させていただきました。

    お手数ですが、ご教示いただけたら有難いです。
    宜しくお願い致します。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • yasuzenさん、こんにちは。

    Ver2.7系だと、CSSでwrapクラスに固定幅を設定すると、投稿欄も幅を固定することができ、ウィンドウが広い場合は、右側に余白が発生するようになります。
    ただし、設定する幅は右サイドバーを合わせた値にする必要があり、wrapクラスの設定値は、投稿欄の枠線を含めた幅 +305pxになります。また、投稿欄には枠線も含めて左右(おそらく)に9pxずつの余白がありますので、これも勘案する必要があります。
    ※ 投稿欄の余白は、Windows Vista + IE7 & Fx2での計測値

    たとえば、文字の入力可能な幅を500pxとしたい場合、500+305+18=823pxに設定する必要があります。

    CSSの記述箇所ですが、admin.cssに

    .wrap {
    	width: 823px;
    }

    と追加するのが簡単な方法ですが、アップグレートを行うと当然ながら消えてしまいます。
    面倒であれば、プラグインでの実装も可能です。

    トピック投稿者 yasuzen

    (@yasuzen)

    jim912様:

    ご回答ありがとうございます。
    Fx3で早速試してみたのですが…
    右サイドバーと余白を勘案した数値(740px)でwidthを設定してみましたところ、
    エディタはwidthの幅(740px)で表示され、その上に右サイドバーが乗っかっている状態でした。
    あと、この方式でエディタの幅を固定できても、その表示領域の中で折り返することはできないんでしょうか?(入力し続けるとスクロールバーが出て延々と伸びてしまいます。)

    お手数ですがよろしく願いいたします

    yasuzenさん、こんばんは。

    ブラウザのバージョンによるものかと思い、当方もFx3にアップグレードしてみましたが、エディタの幅が設定値になることもなく表示されました。当方Win Vistaですが、その他Chrome 1.0.154.48、Safari 3.2.2でも、概ね表示に問題ないことを確認できています。(別途、ウィンドウの幅を狭めた時になかなかスクロールバーが表示されないという問題がありましたが。)

    気になる点としては、ビジュアルエディタのアイコンがつっかえ棒になって、投稿欄のみ広くなってしまうことがあります。もし、そうであれば、tinyMCE Advancedにて、項目を調整するとよいでしょう。

    折り返しの問題ですが、半角英数だけの羅列だったりすると横スクロールとなる場合がありますが、これとは違いますか?

    トピック投稿者 yasuzen

    (@yasuzen)

    jim912様:

    ご無沙汰しております。
    本件に関してまして、別ファイルに余計なwidth指定をしておりました。
    その箇所を削除し、jim912様の記述通りに実施したところ、問題なく修正されました。

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

4件の返信を表示中 - 1 - 4件目 (全4件中)

トピック「ビジュアルエディタの横幅の固定」には新たに返信することはできません。