0

まず、私がやろうとしていること:
Gmail はプレーン テキストのメール (コメントしたくない RFC のもの) をラップしており、ラップがどこで行われるのか知りたいです。

CSSそのため、78 文字の制限で背景の色をライト グレーに変更し、等幅フォントに切り替えるカスタム ルールをいくつか追加する予定です。

HTML悪いニュースは、私はorについてほとんど何も知らないということですが、次のようなCSSものを作成することで、Opera (および私が発見したばかりの優れた DragonFly ツール) でいくつかの基本的なことを行うことに成功しましたgmail.css:

.editable {
   background: #DDDDDD !important;
   font-family:monospace !important;
}

で有効化しEdit site preference...ます。つまり、作業の 66% が完了しました (ただし、難易度の観点からは 2% です)。

次に、この幅を設定する方法を検索しましたが、有効な解決策が見つかりませんでした。通常、回答は新しい要素を作成することを提案しますが、それは私がやりたいことではありません。テキストエリアはウィンドウと同じ幅にする必要があり、これは制限を示す色の背後にあるだけです。

また、CSS 以外は編集できないことに注意してください (または、その方法を知る必要があります!)。

これは、変更しようとしている要素の DragonFly で取得したスニペットです。

<table cellpadding="0" class="cf An" id=":il">
    <tbody>
        <tr>
            <td class="Aq"> </td>
            <td class="Ap">ev
                <div id=":in" class="Ar As aoE" style="display: none;">
                    <div class="At">
                        <textarea id=":ik" class="Ak aXjCH" style="" aria-label="Compose reply" spellcheck="true" itacorner="6,7:1,1,0,0" tabindex="1" form="nosend"/>ev
                    </div>
                </div>    
                <div id=":im" class="Ar Au Ao" style="display: block;">
                    <div id=":ir" class="Am Al editable LW-avf" hidefocus="true" aria-label="Compose reply" g_editable="true" role="textbox" contenteditable="true" style="direction: ltr; min-height: 85px;" tabindex="1">ev
                        <br/>
                        This is the editable content!
                    </div>
                </div>
            </td>
            <td class="Aq"></td>
        </tr>
    </tbody>
</table>
4

1 に答える 1

0

私は親切なので、私自身の質問に答えます... 私が見つけた最も簡単な解決策は、 を使用することlinear-gradientです。私は一定サイズ以下で使用したので、あなたの側で試す場合は、サイズを少し調整する必要があるかもしれません. Gmail は 76 文字目以降で折り返されます。

さらに、質問とは関係ありませんが、新しい作成ウィンドウを大きくするためのちょっとしたトリックです。

/* Works for Opera Linux 12.15 and Gmail July 2013 */

/* Left side, non-wrapped, stays white, right side is light grey. */
.editable {
    /* Size is in px because the textarea can contains different fonts */
    background-image: linear-gradient(to right, #ffffff 612px, #eeeeee 1px)  !important;
    font-family:monospace !important;
}

/* Increase the size of new compose windows */
div[role=dialog] {
    float: right !important;
    width: 1000px !important;
}
于 2013-07-02T18:19:17.667 に答える