web-dev-qa-db-ja.com

Gmail互換のWYSIWYG <->生のHTMLエディター

最近、Gmailで特にリッチな形式のメールをいくつか入力していますが、ChromeのcontentEditible=trueリッチテキスト形式のヒューリスティックのバグが気を散らし始めています。

たとえば、absolutely no wayを使用して、新しいリストアイテムを作成し、ネストされたリストアイテムを追加してから、親リストアイテムの段落スペースに「アクセス」します。

Googleのデータセンターを最も近い大きな川に放り込みたいと思っているのは、クリップボードを使用して物事を移動し、壊れ始めたときにそれらを修正しようとすると、さらに壊れ始めるという事実です舞台裏で、ブラウザは<li>sを複数の<ul>sに分割したいと考えているため(そして、Chromeがそうであるため、数千の<div>sも同様です- モダン)。そのため、ネストされたリストを貼り付けると、親リストの前の段落に貼り付けられます(上にスクロールして、そこに無邪気に座っているのを発見するまでは発見できません)。そして、繰り返し試行することにより、リストは最終的に一連のかわいい、箇条書きのない段落に分割されます。

だから、Gmailに「生のHTMLに切り替える」モードを与えるために何ができますか、または(より好ましくは、私は1000の<div style="background-color: rgb(...)">sを理解することに興味がないので)、Gmailとして使用できるものがあります互換性のあるWYSIWYGエディター。これにより、いくつかのsanity?でグラフィカルに編集できます。

1
i336_

Wordでテンプレートメールを作成し、HTMLページとして保存しました。ブラウザでHTMLページを開きました。 Ctrl+A そのページ、およびコピー。

Gmailで新しいメールを作成して貼り付けます。縦書きテキスト(横書きテキストのみを使用)とインライン画像を除き、すべてが貼り付けられます。インライン画像を挿入するためのヒントは、画像を挿入する必要がある場所に一般的なテキストを挿入することです(「ここに画像を挿入」)。

Gmailの作成ウィンドウでそのテキストをクリックし、フォルダーから作成ウィンドウにドロップ画像をドラッグします。画像はインラインで挿入されます。

ここで汎用テキストを削除します。 Gmailの作成ウィンドウで画像をクリックして表示されるオプションを使用して、画像のサイズを変更します。

あなたはこの答えにうんざりするかもしれませんが、MS Wordですべての作曲を行い、それをすべて一掃(コピー)してからGmailに貼り付けると、かなりうまくいきます。面倒になるのは、Gmailで編集を開始してからです。

0
Kos.