Editor option to beautify HTML/CSS

Anki Suggestions
1

Quite often I find myself in Anki’s HTML editor for some slightly advanced formatting. It would benefit however from some (optional) formatting (multi-line, identation, wrapped lines at maybe 80 characters) to find content faster and make editing easier.

Current formatting:

A-Deklination<br><table class="table_class_basic_minimal_width" style="border-collapse: collapse; border: 1px solid black;"><thead><tr><th style="width: 72px; text-align: left; padding: 2px; border: 1px solid black;"></th><th style="width: 72px; text-align: left; padding: 2px; border: 1px solid black;">Singular</th><th style="width: 74px; text-align: left; padding: 2px; border: 1px solid black;">Plural</th></tr></thead><tbody><tr><td style="width: 72px; padding: 2px; border: 1px solid black;">Nom.</td><td style="width: 72px; padding: 2px; border: 1px solid black;">stella</td><td style="width: 74px; padding: 2px; border: 1px solid black;">stell<b><font color="#ce2720">ae</font></b></td></tr><tr><td style="width: 72px; padding: 2px; border: 1px solid black;">Gen.</td><td style="width: 72px; padding: 2px; border: 1px solid black;">stell<b><font color="#ce2720">ae</font></b></td><td style="width: 74px; padding: 2px; border: 1px solid black;">stell<b><font color="#ce2720">arum</font></b></td></tr><tr><td style="width: 72px; padding: 2px; border: 1px solid black;">Dat.</td><td style="width: 72px; padding: 2px; border: 1px solid black;">stell<b><font color="#ce2720">ae</font></b></td><td style="width: 74px; padding: 2px; border: 1px solid black;">stell<font color="#ce2720"><b>is</b></font></td></tr><tr><td style="width: 72px; padding: 2px; border: 1px solid black;">Akk.</td><td style="width: 72px; padding: 2px; border: 1px solid black;">stell<b><font color="#ce2720">am</font></b></td><td style="width: 74px; padding: 2px; border: 1px solid black;">stell<b><font color="#ce2720">as</font></b></td></tr><tr><td style="width: 72px; padding: 2px; border: 1px solid black;">Vok.</td><td style="width: 72px; padding: 2px; border: 1px solid black;">stell<b><font color="#ce2720">a</font></b></td><td style="width: 74px; padding: 2px; border: 1px solid black;">stell<b><font color="#ce2720">ae</font></b></td></tr><tr><td style="width: 72px; padding: 2px; border: 1px solid black;">Abl.</td><td style="width: 72px; padding: 2px; border: 1px solid black;">stell<b><font color="#ce2720">a</font></b></td><td style="width: 74px; padding: 2px; border: 1px solid black;">stell<b><font color="#ce2720">is</font></b></td></tr></tbody></table><br>

vs.

A-Deklination<br>
<table class="table_class_basic_minimal_width"
 style="border-collapse: collapse; border: 1px solid black;">
 <thead>
  <tr>
   <th
    style="width: 72px; text-align: left; padding: 2px; border: 1px solid black;">
   </th>
   <th
    style="width: 72px; text-align: left; padding: 2px; border: 1px solid black;">
    Singular</th>
   <th
    style="width: 74px; text-align: left; padding: 2px; border: 1px solid black;">
    Plural</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td style="width: 72px; padding: 2px; border: 1px solid black;">
    Nom.</td>
   <td style="width: 72px; padding: 2px; border: 1px solid black;">
    stella</td>
   <td style="width: 74px; padding: 2px; border: 1px solid black;">
    stell<b>
     <font color="#ce2720">ae</font>
    </b></td>
  </tr>
  <tr>
   <td style="width: 72px; padding: 2px; border: 1px solid black;">
    Gen.</td>
   <td style="width: 72px; padding: 2px; border: 1px solid black;">
    stell<b>
     <font color="#ce2720">ae</font>
    </b></td>
   <td style="width: 74px; padding: 2px; border: 1px solid black;">
    stell<b>
     <font color="#ce2720">arum</font>
    </b></td>
  </tr>
  <tr>
   <td style="width: 72px; padding: 2px; border: 1px solid black;">
    Dat.</td>
   <td style="width: 72px; padding: 2px; border: 1px solid black;">
    stell<b>
     <font color="#ce2720">ae</font>
    </b></td>
   <td style="width: 74px; padding: 2px; border: 1px solid black;">
    stell<font color="#ce2720"><b>is</b></font>
   </td>
  </tr>
  <tr>
   <td style="width: 72px; padding: 2px; border: 1px solid black;">
    Akk.</td>
   <td style="width: 72px; padding: 2px; border: 1px solid black;">
    stell<b>
     <font color="#ce2720">am</font>
    </b></td>
   <td style="width: 74px; padding: 2px; border: 1px solid black;">
    stell<b>
     <font color="#ce2720">as</font>
    </b></td>
  </tr>
  <tr>
   <td style="width: 72px; padding: 2px; border: 1px solid black;">
    Vok.</td>
   <td style="width: 72px; padding: 2px; border: 1px solid black;">
    stell<b>
     <font color="#ce2720">a</font>
    </b></td>
   <td style="width: 74px; padding: 2px; border: 1px solid black;">
    stell<b>
     <font color="#ce2720">ae</font>
    </b></td>
  </tr>
  <tr>
   <td style="width: 72px; padding: 2px; border: 1px solid black;">
    Abl.</td>
   <td style="width: 72px; padding: 2px; border: 1px solid black;">
    stell<b>
     <font color="#ce2720">a</font>
    </b></td>
   <td style="width: 74px; padding: 2px; border: 1px solid black;">
    stell<b>
     <font color="#ce2720">is</font>
    </b></td>
  </tr>
 </tbody>
</table><br>
5 Likes
2

I don’t know why this isn’t a thing already! It gets so messy.

1 Like
3
2 Likes