# Help us test the rewritten Composer

**URL:** https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679
**Category:** Feature
**Tags:** feedback
**Created:** [10월 19, 2015, 4:51오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679 "2015-10-19T16:51:38Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![Erik\_Manger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erik_manger/32/179399_2.png) [@Erik\_Manger](https://meta.discourse.org/u/Erik_Manger)
#### Post date: [10월 21, 2015, 3:07오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/24 "2015-10-21T15:07:09Z")

</div>

Oh well I feel stupid… lol

I’m looking forward to extended functionality! The post editor has a lot of potential.

A feature a lot of people request from my site is the ability to upload files other than images…

But yeah, the emoticon popup is blurry… only thing I noticed.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [10월 21, 2015, 3:09오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/25 "2015-10-21T15:09:19Z")

</div>

> [@eviltrout](#):
>
> We made the decision to rewrite our composer using Ember.js so it was more in line with the rest of our codebase and so that we could allow people to extend it more easily.

Can you elaborate on this? What changes might I be looking at for my plugins that add toolbar items?

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [10월 21, 2015, 3:10오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/26 "2015-10-21T15:10:45Z")

</div>

I haven’t 100% decided yet how the API will work. As always I’ll try my hardest (but it’s really hard!!) to retain backwards compatibility with APIs for adding buttons, but there will likely be a much shinier, simpler API for doing it.

One problem for example is the old one would show the quote button everywhere, not sure when composing a topic. Super confusing.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [10월 21, 2015, 3:11오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/27 "2015-10-21T15:11:54Z")

</div>

Okay, backwards compatibility isn’t as critical for me (knowing how to add a toolbar item definitely is more important), except for the following:

Also, a follow up question.

If there are changes to how you add a toolbar item, how can we direct this against a specific version of Discourse so that our changes which will show as an update on older versions and obviously we don’t want them to upgrade the plugin as their Discourse version won’t support the new way of adding a toolbar item…

**Edit:**  
Also I get this is complicated, just giving food for thought, because as a plugin developer, these are the things that concern me.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [10월 21, 2015, 9:54오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/28 "2015-10-21T21:54:23Z")

</div>

> [@Erik\_Manger](#):
>
> A feature a lot of people request from my site is the ability to upload files other than images

Just enable the file types you want to allow in site settings, this feature already exists. Out of the box we only allow image file types.

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [11월 6, 2015, 5:50오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/29 "2015-11-06T17:50:12Z")

</div>

[quote=“cpradio, post:27, topic:34679, full:true”]  
Okay, backwards compatibility isn’t as critical for me (knowing how to add a toolbar item definitely is more important)[/quote]

A few days ago, @eviltrout added this commit :

[https://github.com/discourse/discourse/commit/5cd63088500f6dc76f39e060fd3a3ef3988a791e](https://github.com/discourse/discourse/commit/5cd63088500f6dc76f39e060fd3a3ef3988a791e)

It seems easier to add buttons but i’m not really competent enough to be sure 😅

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [11월 6, 2015, 5:55오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/30 "2015-11-06T17:55:09Z")

</div>

Agreed, but it doesn’t address the second, backwards compatibility, as soon as I use the new way, any stable implementations can’t upgrade to my plugin until the new composer is pushed to the stable branch.

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [11월 6, 2015, 7:31오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/31 "2015-11-06T19:31:24Z")

</div>

Which plugin is it? Maybe I can help you out.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [11월 6, 2015, 7:32오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/32 "2015-11-06T19:32:43Z")

</div>

Well, I know others are using [GitHub - cpradio/discourse-plugin-composer-help-button: Add a Help Button to the Composer Window in Discourse · GitHub](https://github.com/cpradio/discourse-plugin-composer-help-button)

It is a very straight-forward plugin, so if there is a way to test if the new composer is available versus the old, so I can run the appropriate logic, that’d do it.

I can update the others I have once I know the best way to proceed. 😄

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [11월 6, 2015, 7:35오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/33 "2015-11-06T19:35:00Z")

</div>

You should be able to do it with something like:

```plaintext
if (typeof Discourse.ComposerEditorComponent === "undefined") {
  // old composer
} else {
  // new composer
}

```

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [11월 6, 2015, 7:36오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/34 "2015-11-06T19:36:01Z")

</div>

cool, I may try that later today. Is the new composer being used for actual posts yet? (or coming anytime soon)

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [11월 6, 2015, 7:45오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/35 "2015-11-06T19:45:37Z")

</div>

^^^ funny you should ask

I’ve just deployed the new composer that is using Ember.js instead of pagedown. It was a lot more work than I expected, because when I got in there to swap it out I realized how badly the state of our composer code was. We were abusing Ember in many ways to get that code to work and I made a huge effort to straighten it all out. It’s not perfect but it’s a huge improvement.

Please report any issues you see and I’ll fix them as fast as I can!

(first post made with new composer, woo)

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [11월 6, 2015, 7:47오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/36 "2015-11-06T19:47:50Z")

</div>

Awesome. Then I’ll definitely play around later tonight with it and probably tomorrow.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [11월 6, 2015, 7:49오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/37 "2015-11-06T19:49:18Z")

</div>

This is a bug, the text box here used to be bigger and upload was at the bottom

 ![](https://global.discourse-cdn.com/meta/original/3X/2/d/2d6dddcfe695f08f77c425dc8201b89d794c7ccf.png)

Also need to test on win phone and android, getting size right was very fiddly

Old sizing

 ![](https://global.discourse-cdn.com/meta/original/3X/b/0/b0250d509d286f7af80da4dc1bbbfa524415228c.png)

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [11월 6, 2015, 8:01오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/38 "2015-11-06T20:01:12Z")

</div>

Looks good on my Android 📱👌

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [11월 6, 2015, 8:23오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/39 "2015-11-06T20:23:08Z")

</div>

A tiny, tiny detail bugs me with the new composer

When I put the cursor in the middle of a text and use a button (or an emoji), it always goes at the end of the whole post.

 ![](https://global.discourse-cdn.com/meta/original/3X/3/8/38792c94c4ac9abbd52032608b9ce977e9c8ad26.jpg)

First part : the cursor is between the lines  
Second part : the generated code goes at the end.

I use Firefox 42.0

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [11월 6, 2015, 8:34오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/40 "2015-11-06T20:34:01Z")

</div>

What is with this underline here?

![](https://global.discourse-cdn.com/meta/original/3X/a/d/ad5f539fa9191fd4443226e2768eb1c7df68ba61.png)

---

<div class="post-metadata">

### Author: ![gerhard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gerhard/32/119479_2.png) [@gerhard](https://meta.discourse.org/u/gerhard)
#### Post date: [11월 6, 2015, 8:42오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/41 "2015-11-06T20:42:18Z")

</div>

The Hyperlink button doesn’t work. The dialog is hidden behind the editor.  
This happens with latest Chrome on Windows 10.

 ![](https://global.discourse-cdn.com/meta/original/3X/9/c/9cbde19794e4335405ae5bc4c5729d8efe53b5e8.png)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [11월 6, 2015, 8:53오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/42 "2015-11-06T20:53:27Z")

</div>

Can not click on x when a warning pops up.

![](https://global.discourse-cdn.com/meta/original/3X/7/7/77bdf9d10a118d45926e86a425ba36edb33ed13b.png)

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [11월 6, 2015, 8:53오후 UTC](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/43 "2015-11-06T20:53:37Z")

</div>

Okay I’ve comitted a bunch of fixes which are still building and will be deployed shortly:

✅ Mobile viewport sizing

✅ Link modal appearing behind composer

✅ Hairline underneath buttons

✅ Inserting text between words was appearing at bottom

✅ Couldn’t dismiss validation messages

[이전 페이지](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679.md?page=1)

[다음 페이지](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679.md?page=3)
