web-dev-qa-db-ja.com

WYSIWYGエディタでテーブルレイアウトを作成する

私はイメージで言及されるようにデザインをしています。

enter image description here 

これらのコンテンツはウィジェットに入れるべきです。私が今これを達成している方法は、次のとおりです。テキスト間のスペースを使用してWYSIWYGエディタで編集することによって。これを正しく調整する方法は他にありますか。

私は自分のプロジェクトの多くでそのようなレイアウトに出くわしたし、今まで私はそれらを整列させるためにスペースを使っていました。しかし、私の最近のプロジェクトでは、スペースを使用することは正しい解決策ではないことがわかりました。私の場合は、使用しているフォントがブラウザによって異なるため、スペースが矛盾するためです。

だから、スペースを使用して私はクロムで正しい結果を得ていますが、Firefoxではスペースは同じではありません。

Firefox上の結果：

enter image description here 

WYSIWYGエディタでこのようなテーブルレイアウトを作成するためのより良い解決策があるかもしれません。もしあれば教えてください。御時間ありがとうございます。

editorwysiwygpost-editor
1
Kiran Dash

なぜあなたはテーブルを使わないのですか？スペースは嘲笑です。 WYSIWYGエディタで、2列3行のテーブルを選択し、左の列の項目を左に、右の項目を中央に配置すると、すべてうまくいきます。

編集します。さて、私は問題がどこにあるかわかります。 TinyMCE（WYSIWYGエディタ）にはテーブルオプションがありますが、デフォルトではWordPressでは無効になっています。 TinyMCE Advanced などのプラグインをダウンロードして、さまざまな強力なTinyMCEオプションを有効にすることができます。また、ビューをテキストエディタに切り替えて、HTMLでテーブルを追加することもできます。

<table>
    <tr>
        <td>Cell</td><td>Cell</td>
    </tr>
    <tr>
        <td>Cell</td><td>Cell</td>
    </tr>
    <tr>
        <td>Cell</td><td>Cell</td>
    </tr>
</table>
1
Krzysztof Grabania