it-swarm.com.de

Erstellen eines Tabellenlayouts im WYSIWYG-Editor

Ich habe ein Design wie im Bild erwähnt.

 enter image description here 

Der Inhalt für diese sollte in ein Widget gehen. Wie ich das jetzt erreiche, ist: indem ich es im WYSIWYG-Editor bearbeite, indem ich Leerzeichen zwischen den Texten verwende. Gibt es eine andere Möglichkeit, dies richtig auszurichten.

Ich bin bei vielen meiner Projekte auf solche Layouts gestoßen und habe bisher Leerzeichen verwendet, um sie auszurichten. In meinem letzten Projekt habe ich jedoch festgestellt, dass die Verwendung von Leerzeichen keine richtige Lösung ist, da in meinem Fall die von mir verwendete Schriftart in verschiedenen Browsern etwas anders ist und der Speicherplatz daher nicht konsistent ist.

Wenn ich Leerzeichen verwende, erhalte ich auf Chrom ein korrektes Ergebnis, aber auf Firefox ist der Abstand nicht der gleiche.

Ergebnis auf Firefox:

 enter image description here 

Ich denke, es gibt eine bessere Lösung für die Erstellung eines solchen Layouts im WYSIWYG-Editor. Bitte lassen Sie mich wissen, wenn es welche gibt. Vielen Dank für Ihre Zeit.

1
Kiran Dash

Warum benutzt du keinen Tisch? Räume sind lächerlich. Wählen Sie im WYSIWYG-Editor eine Tabelle mit 2 Spalten und 3 Zeilen aus, richten Sie die Elemente in der linken Spalte an der linken und in der rechten an der Mitte aus, damit alles funktioniert.

BEARBEITEN. Ok, ich sehe, wo ist das Problem. TinyMCE (WYSIWYG-Editor) verfügt über eine Tabellenoption, ist jedoch in WordPress standardmäßig deaktiviert. Sie können das Plugin herunterladen, zum Beispiel TinyMCE Advanced , und verschiedene und leistungsstarke TinyMCE-Optionen aktivieren. Sie können auch die Ansicht zum Texteditor wechseln und eine Tabelle in HTML hinzufügen:

<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