# Mobile Composer Preview

**URL:** https://meta.discourse.org/t/mobile-composer-preview/408784
**Category:** Theme component
**Tags:** composer, mobile
**Created:** [July 29, 2026, 12:57am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784 "2026-07-29T00:57:07Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [July 29, 2026, 12:57am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/1 "2026-07-29T00:57:08Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Summary** | Adds a preview button to the composer on mobiles |
| 👓 | **Preview** | [Theme Creator](https://discourse.theme-creator.io/theme/Moin/mobile-composer-preview) |
| 🛠 | **Repository** | [moin-Jana/mobile-composer-preview · GitHub](https://github.com/moin-Jana/mobile-composer-preview) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme component

This component adds a preview button to the composer, similar to the one that was [removed recently](https://meta.discourse.org/t/cannot-view-post-preview-in-mobile-composer/408352). Compared to previewing in RTE mode, the preview mode doesn’t trigger the keyboard, for example when checking spoilered text, and it preserves all formatting like open details blocks or HTML anchors without a surrounding div. The preview also hides the title, category, and tag input so you can see more of your draft at once.

 ![Screenshot of the composer with preview button](https://global.discourse-cdn.com/meta/original/4X/f/f/0/ff0e2cfe2c4bde3905552f211337605ce7fd98bb.jpeg)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [July 29, 2026, 1:01am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/2 "2026-07-29T01:01:59Z")

</div>

thank you for doing this Moin. nice work!

i personally do prefer the actual preview to the RTE view, so it’s great to be able to have it back for mobile. 🙂

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [July 29, 2026, 6:23am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/3 "2026-07-29T06:23:26Z")

</div>

That is great, because landscape is just pure pain on iPhone. Thanks.

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [July 29, 2026, 6:47pm UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/4 "2026-07-29T18:47:39Z")

</div>

Thank you. Didn’t notice it was removed. 😂

---

<div class="post-metadata">

### Author: ![sk-or-v1-contents](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sk-or-v1-contents/32/547175_2.png) [@sk-or-v1-contents](https://meta.discourse.org/u/sk-or-v1-contents)
#### Post date: [July 30, 2026, 5:33am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/5 "2026-07-30T05:33:41Z")

</div>

Hello, does anyone know what I’m doing wrong? I can’t see the preview button at the Theme Creator preview page, with browser extensions disabled.

 ![Screensho](https://global.discourse-cdn.com/meta/original/4X/5/9/6/596814e1a4eb7efee99e221276edbd5318098eaf.jpeg)

Edit: The button appeared after creating a topic and waiting a minute, strangely

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [July 30, 2026, 7:21am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/6 "2026-07-30T07:21:18Z")

</div>

Did you change the window size after opening theme creator? I see something similar when I open it on my tablet and resize the window to be smaller after opening the link

---

<div class="post-metadata">

### Author: ![sk-or-v1-contents](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sk-or-v1-contents/32/547175_2.png) [@sk-or-v1-contents](https://meta.discourse.org/u/sk-or-v1-contents)
#### Post date: [July 30, 2026, 7:30am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/7 "2026-07-30T07:30:40Z")

</div>

It now persists, I’ll try to clean cookies of that site first

---

<div class="post-metadata">

### Author: ![sk-or-v1-contents](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sk-or-v1-contents/32/547175_2.png) [@sk-or-v1-contents](https://meta.discourse.org/u/sk-or-v1-contents)
#### Post date: [July 30, 2026, 7:35am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/8 "2026-07-30T07:35:54Z")

</div>

I can’t reproduce it reliably in a minute, tried posting a topic, toggling browser’s Desktop mode on and off\[1\], rotating device, reloading page, no effect. Then it worked when I tap the preview link again.

* * *

1. which reloads the page

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [July 30, 2026, 7:39am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/9 "2026-07-30T07:39:21Z")

</div>

Reloading the page results in a missing button because then you no longer look at the preview.

---

<div class="post-metadata">

### Author: ![sk-or-v1-contents](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sk-or-v1-contents/32/547175_2.png) [@sk-or-v1-contents](https://meta.discourse.org/u/sk-or-v1-contents)
#### Post date: [July 30, 2026, 7:50am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/10 "2026-07-30T07:50:25Z")

</div>

I figured, I can only see the button by entering the preview link twice. Without doing that, rotating the device, posting, creating a topic, nothing helps.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [July 30, 2026, 8:00am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/11 "2026-07-30T08:00:32Z")

</div>

The preview by link in Theme Creator is sometimes a little flaky. You can try to install the component at [Theme Creator](https://discourse.theme-creator.io/my/themes) (or your forum) and use the preview button at the bottom. That one isn’t sensitive to reloading.

---

<div class="post-metadata">

### Author: ![sk-or-v1-contents](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sk-or-v1-contents/32/547175_2.png) [@sk-or-v1-contents](https://meta.discourse.org/u/sk-or-v1-contents)
#### Post date: [July 30, 2026, 8:05am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/12 "2026-07-30T08:05:55Z")

</div>

Now I can’t show the button using any method I mentioned before 😢

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [July 30, 2026, 8:07am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/13 "2026-07-30T08:07:54Z")

</div>

Is your testing still only based on the preview link I shared? I’d like to find out if this is a problem with the theme creator preview or the comopnent

---

<div class="post-metadata">

### Author: ![sk-or-v1-contents](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sk-or-v1-contents/32/547175_2.png) [@sk-or-v1-contents](https://meta.discourse.org/u/sk-or-v1-contents)
#### Post date: [July 30, 2026, 8:17am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/14 "2026-07-30T08:17:10Z")

</div>

I installed the component here

 ![Screenshot](https://global.discourse-cdn.com/meta/original/4X/f/7/4/f74a7b11d6c619fd09dc932efe5f13089d4157f1.jpeg)

then closed tabs of theme creator, cleared cookies, logged in, and that’s my situation now.

Not using the preview link.

Do you need any more information from me?

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [July 30, 2026, 8:36am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/15 "2026-07-30T08:36:21Z")

</div>

There is a preview button at the bottom

 ![Screenshot_20260730_103511_Firefox](https://global.discourse-cdn.com/meta/original/4X/5/5/8/5583d6bd6629daa009fe0698eb393e6eda771e85.jpeg)

Does the preview button work after using that?

---

<div class="post-metadata">

### Author: ![sk-or-v1-contents](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sk-or-v1-contents/32/547175_2.png) [@sk-or-v1-contents](https://meta.discourse.org/u/sk-or-v1-contents)
#### Post date: [July 30, 2026, 8:51am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/16 "2026-07-30T08:51:39Z")

</div>

I didn’t know that button exists!!! Using it, no bug occurred. 😅

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [July 30, 2026, 9:00am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/17 "2026-07-30T09:00:11Z")

</div>

Great!

That preview button is very helpful. On a production site you can easily test only a specific component without removing all the others from a theme, and on theme creator it is immune to the reload flakes of the preview link.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [July 30, 2026, 9:46am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/18 "2026-07-30T09:46:04Z")

</div>

Even my RTE-users (almost everybody else than I) are using now that preview-button. It is the easiest way to see big part of a draft because of hided virtual keyboard.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [July 30, 2026, 9:52am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/19 "2026-07-30T09:52:29Z")

</div>

I think the preview button should be hidden when using the RTE. Do your users use the toggle button to switch to Markdown mode, or is something not working as intended?

You can see it disappear here:

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [July 30, 2026, 10:56am UTC](https://meta.discourse.org/t/mobile-composer-preview/408784/20 "2026-07-30T10:56:48Z")

</div>

Really good question 😳

I’ve to ask if they are really using RTE or is there somekind confusion about terms.

But they are happy what so ever.

**Edit**

The first one was using markdown-editor with hided toolbar. She hasn’t any clue what I was explaining when the RTE was introduced — that much docs and screenshots by me has been helped 🤣

[Next page](https://meta.discourse.org/t/mobile-composer-preview/408784.md?page=2)
