# Preview and Edit Tabs

**URL:** <https://discourse.joplinapp.org/t/preview-and-edit-tabs/2335>\
**Category:** Features\
**Created:** [10 May 2019 22:11 UTC](https://discourse.joplinapp.org/t/preview-and-edit-tabs/2335 "2019-05-10T22:11:54Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![PopeRigby](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/poperigby/32/710_2.png) [@PopeRigby](https://discourse.joplinapp.org/u/PopeRigby)\
**Post date:** [10 May 2019 22:11 UTC](https://discourse.joplinapp.org/t/preview-and-edit-tabs/2335/1 "2019-05-10T22:11:54Z")

</div>

I think it would be a nice idea to have two tabs: preview and edit. Preview renders the markdown, edit lets you edit. GitHub does it this way, and it works quite well.

---

<div class="post-metadata">

**Author:** ![tessus](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/tessus/32/13_2.png) [@tessus](https://discourse.joplinapp.org/u/tessus)\
**Post date:** [11 May 2019 00:04 UTC](https://discourse.joplinapp.org/t/preview-and-edit-tabs/2335/2 "2019-05-11T00:04:55Z")

</div>

You do have that option. You can toggle the layout with `Meta + L`.

---

<div class="post-metadata">

**Author:** ![PopeRigby](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/poperigby/32/710_2.png) [@PopeRigby](https://discourse.joplinapp.org/u/PopeRigby)\
**Post date:** [11 May 2019 04:07 UTC](https://discourse.joplinapp.org/t/preview-and-edit-tabs/2335/3 "2019-05-11T04:07:03Z")

</div>

Wouldn’t it be easier to have UI for it?

---

<div class="post-metadata">

**Author:** ![tessus](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/tessus/32/13_2.png) [@tessus](https://discourse.joplinapp.org/u/tessus)\
**Post date:** [11 May 2019 04:22 UTC](https://discourse.joplinapp.org/t/preview-and-edit-tabs/2335/4 "2019-05-11T04:22:02Z")

</div>

There is. Menu `View -> Toggle menu layout`.

---

<div class="post-metadata">

**Author:** ![PopeRigby](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/poperigby/32/710_2.png) [@PopeRigby](https://discourse.joplinapp.org/u/PopeRigby)\
**Post date:** [11 May 2019 04:34 UTC](https://discourse.joplinapp.org/t/preview-and-edit-tabs/2335/5 "2019-05-11T04:34:19Z")

</div>

I mean like how GitHub does it, where you have the two tabs at the top that you can click back and forth between.

---

<div class="post-metadata">

**Author:** ![tessus](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/tessus/32/13_2.png) [@tessus](https://discourse.joplinapp.org/u/tessus)\
**Post date:** [11 May 2019 04:48 UTC](https://discourse.joplinapp.org/t/preview-and-edit-tabs/2335/6 "2019-05-11T04:48:18Z")

</div>

Ah, I see. This should be doable I think. I’m really bad with UI stuff, but for someone with experience in Electron and react this should be fairly easy.  
The only disadvantage I can think of is that it will reduce the available space for the note, since you need one additional row for the 2 tabs.

@laurent what do you think? Is this something that could be done easily?

---

<div class="post-metadata">

**Author:** ![AtBios](https://avatars.discourse-cdn.com/v4/letter/a/ecccb3/32.png) [@AtBios](https://discourse.joplinapp.org/u/AtBios)\
**Post date:** [11 May 2019 12:34 UTC](https://discourse.joplinapp.org/t/preview-and-edit-tabs/2335/7 "2019-05-11T12:34:04Z")

</div>

Speaking of that. Something I always found really good with the iA Writer app on android is that when in a note you swipe between edit and read mode. Is that the same as you guys mean? Or do you mean in the desktop client? Because if possible a believe that swiping in the app would be a nice workflow.

---

<div class="post-metadata">

**Author:** ![subi54](https://avatars.discourse-cdn.com/v4/letter/s/c37758/32.png) [@subi54](https://discourse.joplinapp.org/u/subi54)\
**Post date:** [11 May 2019 15:48 UTC](https://discourse.joplinapp.org/t/preview-and-edit-tabs/2335/8 "2019-05-11T15:48:53Z")

</div>

If Android app is ever up for redesign, swipe to preview would be a good feature. iAWriter does a good job.

---

<div class="post-metadata">

**Author:** ![tessus](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/tessus/32/13_2.png) [@tessus](https://discourse.joplinapp.org/u/tessus)\
**Post date:** [11 May 2019 23:02 UTC](https://discourse.joplinapp.org/t/preview-and-edit-tabs/2335/9 "2019-05-11T23:02:27Z")

</div>

> [@AtBios](#):
>
> Or do you mean in the desktop client?

I did. I hope @PopeRigby was too.

> [@AtBios](#):
>
> Because if possible a believe that swiping in the app would be a nice workflow.

I'm pretty sure a pull request would be welcome. But I think it is more involved as you might think. The editor and preview components works differently on mobile.

---

<div class="post-metadata">

**Author:** ![PopeRigby](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/poperigby/32/710_2.png) [@PopeRigby](https://discourse.joplinapp.org/u/PopeRigby)\
**Post date:** [12 May 2019 03:10 UTC](https://discourse.joplinapp.org/t/preview-and-edit-tabs/2335/10 "2019-05-12T03:10:35Z")

</div>

I _was_ talking about desktop, but I like the idea of swiping on mobile.