Composer Preview

Umutcan

010101 Thank you for your contribution 010101 . Have another extension BBCode Do you plan to update extension?

010101

Umutcan It's on my to do list. But, it's something that will take me personally a long time to create. I'm a self-taught code tinkerer. Not a professional developer. So, I have to be in the mood, sit down, and spend several hours and days figuring out all the admin settings and stuff required to make that BBCode manager extension a reality. 🙂

katos

Looking good! Great work as ever @010101 !

010101

v1.1.1

Truncate long titles in the composer header

010101

v1.1.2

Hopefully the last update for a while. Sorry to make you update again if you already installed this. Super small CSS adjustment in this update:

Fix composer header title on very small screens - it wasn't quite truncated enough in the previous update for sizes less than 380px wide. Most phones are a little bigger than this these days, but you never know.

MikeJones

Just wanted to say thank you again so much for this. Been using it all morning while typing another post on my flarum blog, been super useful 🙂

CyberGene

~~Doesn't work. Is it possible that again (as with other extensions) the fact my forum is in a subfolder is the reason?~~

Sorry, my bad, I expected to see a preview above the post. Didn't know I had to press the preview button. Although it's not clear whether the button is pressed or not and whether I'm in preview mode where typing is not possible, so this might be confusing for people.

010101

CyberGene Yeah I need to make the button look "pressed" when in use.

010101

CyberGene

I tried various things today but was unable to get the preview button to remain active. I may try again some other day when my mind is fresh.

For now I will release a new version soon which adds an eye icon to the screen when in preview mode. Plus, there's one other CSS fix I needed to do.

010101

v1.1.6

Added eye icon to bottom of composer body if in preview mode as a way to confirm you are in preview mode
Code clean up and removed unnecessary files

Help needed: Ideally, I need someone to do a pull request to change the preview button color when preview mode is on.

jslirola

010101 I would like to help but I have no design/frontend experience. I have installed the extension and it works fine, it just needs to fix the color of the icon to be perfect.

010101

jslirola If you are talking about the grey background, if you don't like that you can add this CSS to your custom CSS in your admin appearance settings. But, if you're talking about the fact that the button does not change color after clicking it, then yes, I can't get that to work.

And, even if this is not what you want I will leave this here for anyone who wants the preview icon to be the icon only.

.item-preview button, item-preview button:hover, item-preview button:active {
background: transparent;
box-shadow: none;
}

010101

v1.1.8

Nothing exciting. This new version just fixes a bug I saw today in certain mobile browsers. The post title input (where you type the title) needed an overflow: hidden CSS rule added and a width change.

Also, look at the post above this one if you want the preview button to look like a plain icon (no grey background).

basti4k

Thanks for the nice Extension!
Why is this not a Core function?

MikeJones

basti4k Why is this not a Core function?

not everyone will use it. Core is as slim as possible then each flarum admin can pick and choose what they will need.

Walys

basti4k Yes I think, "preview mode" should be available for all messages directly via core function.

MikeJones I think is more vital in OP message than for replies. In markdown not view the real desing when you type in and for large fist post "preview mode" is essential.

basti4k

But the best is, you show the "preview" over or under the Text-Editor.
Like the same, you reply to a post.

Walys

One tip for next update.

Walys
I think, "preview mode" should be available for all messages directly via core function.
I think is more vital in OP message than for replies. In markdown not view the real desing when you type in and for large first post "preview mode" is essential.

This is the correct site to this message or have other thread?
Maybe in github or in this thread it´s ok?

basti4k

yes, you see that in all new forum, look in stackoverflow.com, this is a good example

HasanMerkit

Incompatible with https://discuss.flarum.org/d/26455-wysiwyg-rich-text-editor .
Can you do something?

MikeJones

HasanMerkit isn't that pretty much the same thing but more then this extension? Is there a need for this one to work with that one?

010101

HasanMerkit This extension is meant to be used if you do not want to use the WYSIWYG/rich text editor. That extension already lets you toggle between WYSIWYG and the plain text editor. Thus, essentially, it has built in preview mode.

In short, there are no plans to make this compatible with the rich text extension.

« Previous Page Next Page »