Do you like to use tables in Blogsy? Are you tired of flipping to the HTML side and manually writing the HTML for tables? Well, there is an easier way. If you set up a TextExpander snippet or an iOS shortcut it will make things much easier.

First, write or get the HTML for a table then copy the code. I used the following code for our example. This is code for a 2-by-2 table. If you need to add more columns or rows it's easy to do through copying and pasting that part of the code.

<table border="5">
<tbody>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</tbody>
</table>

Now create an iOS Shortcut or TextExpander Snippet. Here are screenshots showing the creation for each.

iOS Shortcut Setup

TextExpander Snippet Setup

Now that you have one of those set up you will be able to use it whenever you want to add a table to your blog post.

In Blogsy flip to the HTML side and put the cursor where you want your table to be. Then type your Shortcut or Snippet for the table code to be put in your post. In these screenshots I have done both methods to show the end results are the same.

HTML Side using iOS Shortcut and Textexpander Snippet to get table HTML in.

Just flip back to the Rich Side now and you can edit the cells so each cell has the content you want.

What about if you want an image in one of the cells?

1. Drag in an image to your post.
2. Flip to the HTML Side and cut the image embed code.
3. Still on the HTML Side paste that code into the table HTML for the cell you want it to be in.
4. Flip back to the Rich Side and see the results.

We are looking into the possibility of adding a feature for adding tables to blog posts. So we have added it to our Possible Future Features list.

Posted with Blogsy