Composer Preview

Wlork

And for the next versions of Flarum, there is a guarantee that this extension still works ? 🙂

clarkwinkelmann

Wlork when an extension doesn't store any data, I don't think you need to worry about future compatibility. If it breaks you can simply disable it until a replacement is found or made. No reason to miss out on a feature just because the extension might not be compatible with a future Flarum version. It might just as well remain compatible, or someone else might develop an even better one in the meantime and you can simply swap out.

For extensions that do store data or user preferences, then yes, support, future proofing, export and data compatibility between extensions is extremely important.

Wlork

clarkwinkelmann Thank 🙂

I installed it but I quickly noticed an annoying issue.

When you click on "Preview" button on the creation of a discussion, if you don't switch to the editor mode, it stays blocked.
So when you reply to a discussion, it's impossible to switch. It'ss necessary to create a discussion and to put back the editor mode to unblock....

I hope I made clear 🙂

splitbrain

@010101 The github repository currently has issues disabled (probably because it was a fork). It would be helpful to be able to properly track issues as mentioned by Wlork, could you enable the issues tab?

010101

Hello! Thanks for letting me know. I haven’t had time lately to visit the lovely Flarum community. I’ll enable issues. And, I encourage pull requests or for someone to take over this extension because I’m not sure how active I’ll be here going forward. I don’t currently run a Flarum powered forum. Which was the main reason I tried contributing.

010101

v1.2

Merged @Nearata pull request #1 (🙏)

ref: https://discuss.flarum.org/d/29761-composer-preview/41
clear interval, otherwise they stack
update dependencies

Wlork

010101 Thank you for fixing this bug so annoying 🙂

I don't know what a pull request is.... That why I reported the problem here 🙂

Wlork

I've encountered a small issue with CSS in phone when you reply in discussion.

Without Composer Preview :

With Composer Preview :

As you can see, the title is offset by one line. Nothing serious, but annoying because it takes more space on mobile....

Thank you.

010101

Wlork

I don’t have a live or local installation of Flarum right now. But, you could try pasting this CSS/LESS into your custom CSS within your admin appearance settings. Then, try adjusting things. I don’t know what it could be. This extension uses very little CSS to try and avoid things like that. You could try changing positioning from absolute to relative. And/or try changing bottom 0 to something else. And/or try adding rules. I’m sorry, but I can’t offer more than that at this time. 😔

.Composer {
	.Composer-preview {
		&.hidden {
			display: none;
	   }
		position: absolute;
		z-index: 1020;
		background-color: @body-bg;
   }
}
.TextEditor {
	textarea.hidden {
		visibility: hidden;
   }
}
@media (prefers-color-scheme: dark) {
	.Composer {
		background-color: @body-bg;
		color: @text-color;
   }
}
@media (max-width: 767px) {
	.visible.Composer:not(.minimized)::before {
		opacity: 0;
   }
	.visible.Composer:not(.minimized) .item-title {
		text-align: center;
   }
	.item-preview-discussion {
		padding: 0 0 2px 0 !important;
   }
}
.Composer {
	background-color: @body-bg;
}
.Composer-preview.Post-body::after {
	font-family: "Font Awesome 5 Free";
	content: "\f06e";
	position: absolute;
	bottom: 0;
	font-size: 30px;
	opacity: 0.4;
}

Those are the only CSS rules this extension adds.

Wlork

010101

In the browser developer tools, the blank space above the title is : .item-preview-discussion

I don't know how to solve the problem 🙁

Subarist

Wlork

Maybe you can try this..

@media (max-width: 767px) {
.normal .ComposerBody-header>li:first-child {
    margin-top: -90px!important;
}
}

Wlork

Subarist

At first, thank for your help 🙂

With CSS code :

For reply :

The title is in the right place but doesn't adapt to length....

For create discussion :
(new issue)

Everything rises to the top..... 🙁

Subarist

Wlork
Replace with this:

@media (max-width: 767.98px){
.App--discussion .Composer:not(.minimized) {
    padding-top: 5px!important;
}}

I didn't use this extension, just tested it
If it doesn't work, you may need to try some CSS yourself

Wlork

Subarist

Fixe the second issue.

But the first issue remains.... I've tried overflow but it doesn't work.... 🙁

As I said, I think the extension puts the title in the wrong place.... There's an empty box (.item-title or .item-preview-discussion) which isn't normal.

Unfortunately, I don't know how to fix this problem.

Thank you for helps 🙂

Subarist

Wlork

@media (max-width: 767.98px){
.App--discussion .Composer:not(.minimized) {
    padding-top: 3px!important;
}
.App--index .Composer:not(.minimized) {
    padding-top: 46px!important;
}
.ComposerBody-header h3 {
    margin-left: 20px;
    margin-right: 60px;
}
}

Wlork

Subarist

Thank you very much ! 🙂

It's not perfect but it's better 🙂

It's fine, but I hope that the preview feature for new discussion will be integrated into a future version of Flarum (a member has already made a proposal).

peopleinside

I'm sorry to see this extension is flagged as abandoned. I think that keep an extension where updates and support is no more guaranted is a risk, also to see a future Flarum update braking.. if the extension is abbandoned.

I use this extension and maybe is time to remove them. Very sad because a preview also of a new topic is a function that is really nice and useful, the core is really missing this.

maxmoon

I just wanted to thank the author of this extension for this wonderful software.

Finally a live preview of the composed post!

And at the same time it makes me sad, that it was flagged as abandoned right after I've set the a flarum forum for the very first time 😥

Wlork

@dhtml Thank you for the new version of this extension. I've installed it and it works very well 🙂

https://flarum.org/extension/dhtml/composer

« Previous Page