FriendsOfFlarum Formatting

clarkwinkelmann

bimbim AutoVideo is only for converting links into a player. There's no HTML-like or bbcode syntax. You'll have to use or create another extension for that.

bimbim

clarkwinkelmann i have installed and it works with plain url like youtube.
i have my own video player and m3u8 url link.
my question is how it works with m3u8

clarkwinkelmann

bimbim m3u8 is not supported by this extension. I don't think any extension exists for it.

essesoul

Hello everyone, I found that when I inserted the telegram link, the html code was escaped, so the content could not be displayed normally
After being escaped, it looks like this
https://s9e.github.io/iframe/2/telegram.min.html%20%3Ca%20href=

erodriguezp

Contribution to put YouTube video to 100% width

Go to admin panel and add the next css rule

span[data-s9e-mediaembed="youtube"] {
    max-width: 100% !important;
}

tcowin

What is the correct syntax to include a YouTube URL (that you pray will turn into an embed) within the body content of a post that you create via the API (/api/discussions)? I've tried a number of options, but most strip the youtube URL. I've tried markdown, bb_code, raw url, and even the rendered html verbatim:
<p><YOUTUBE id="mXKPeJ-pC4I"><URL url="https://youtu.be/mXKPeJ-pC4I">https://youtu.be/mXKPeJ-pC4I</URL></YOUTUBE></p>

The last comes closest. 🙂

Thanks in advance...

davwheat

tcowin

I think just the URL on its own should create an embed fine?

tcowin

davwheat Thanks -- that seems to do the trick -- I was trying the URL with the params - ?watch= etc.

m4v3rick

Is it possible to automatically use the twitter dark mode if flarum is switched to dark mode and a tweet is embedded?

data-theme="dark"

https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/guides/embedded-tweet-parameter-reference

m4v3rick

Anyone got that working?

blueCamel

It looks like the "Autovideo" option is not giving an embed of youtube on my site.

I was worried about possible conflicts with other extensions so I deployed a trimmed down version, but no luck.

Below is a link to a post with the URL I want to embed as a youtube video.

https://test.lepointdarret.com/public/d/1-juste-un-test-de-file/3

Over here, the same link gives a preview like I would expect:

Below is my php flarum info for that install


Flarum core 1.6.3
PHP version: 8.1.14
MySQL version: 10.3.37-MariaDB-log-cll-lve
Loaded extensions: Core, date, libxml, openssl, pcre, zlib, filter, hash, json, pcntl, readline, Reflection, SPL, session, standard, bcmath, bz2, calendar, ctype, curl, dba, dom, enchant, mbstring, fileinfo, ftp, gd, gettext, gmp, iconv, imap, intl, ldap, exif, mysqlnd, odbc, PDO, pgsql, Phar, posix, pspell, SimpleXML, snmp, soap, sockets, sqlite3, tidy, tokenizer, xml, xmlwriter, xsl, zip, mysqli, pdo_mysql, PDO_ODBC, pdo_pgsql, pdo_sqlite, xmlreader, clos_ssa, i360, memcached, imagick, Zend OPcache
+-------------------------+------------+--------+
| Flarum Extensions       |            |        |
+-------------------------+------------+--------+
| ID                      | Version    | Commit |
+-------------------------+------------+--------+
| flarum-flags            | v1.6.1     |        |
| flarum-approval         | v1.6.1     |        |
| fof-pretty-mail         | 1.1.1      |        |
| fof-formatting          | 1.0.3      |        |
| flarum-tags             | v1.6.1     |        |
| flarum-suspend          | v1.6.1     |        |
| flarum-subscriptions    | v1.6.3     |        |
| flarum-sticky           | v1.6.1     |        |
| flarum-statistics       | v1.6.1     |        |
| flarum-mentions         | v1.6.3     |        |
| flarum-markdown         | v1.6.1     |        |
| flarum-lock             | v1.6.1     |        |
| flarum-likes            | v1.6.1     |        |
| flarum-lang-english     | v1.6.0     |        |
| flarum-emoji            | v1.6.1     |        |
| flarum-bbcode           | v1.6.0     |        |
| blomstra-database-queue | 0.1-beta.2 |        |
+-------------------------+------------+--------+
Base URL: https://test.lepointdarret.com/public
Installation path: /home/accolade/test.lepointdarret.com
Queue driver: database
Session driver: file
Mail driver: smtp
Debug mode: off

Any assistance will be greatly appreciated.

clarkwinkelmann

blueCamel AutoVideo allows embedding links to video files. MediaEmbed allows embedding links to external services like YouTube.

See TextFormatter documentation for what each plugin can do and which websites/formats are supported https://s9etextformatter.readthedocs.io/Plugins/Autovideo/Synopsis/

If you only want YouTube and none of the other supported MediaEmbed websites, check out this other extension https://discuss.flarum.org/d/31404-selective-mediaembed

blueCamel

clarkwinkelmann

Thanks for the clarification about the respective switches. Perhaps I should have mentioned that I also made a test where every switch was turned on and all I could see was still the text of the link.

I'm also glad to see there is an extension available for those who would like to limit the embeds to Youtube. I'll have to see if this is something I want to consider or not.

So now, with your help, I've turned back on the MediaEmbed switch, but, as you will be able to see, the post still shows only text and no embed.

I have since updated the Flarum Core and multiple extensions, so I am putting the new php flarum info here:

Flarum core: 1.7.1
PHP version: 8.1.14
MySQL version: 10.3.37-MariaDB-log-cll-lve
Loaded extensions: Core, date, libxml, openssl, pcre, zlib, filter, hash, json, pcntl, readline, Reflection, SPL, session, standard, bcmath, bz2, calendar, ctype, curl, dba, dom, enchant, mbstring, fileinfo, ftp, gd, gettext, gmp, iconv, imap, intl, ldap, exif, mysqlnd, odbc, PDO, pgsql, Phar, posix, pspell, SimpleXML, snmp, soap, sockets, sqlite3, tidy, tokenizer, xml, xmlwriter, xsl, zip, mysqli, pdo_mysql, PDO_ODBC, pdo_pgsql, pdo_sqlite, xmlreader, clos_ssa, i360, memcached, xray, imagick, Zend OPcache
+----------------------------------------+------------+--------+
| Flarum Extensions                      |            |        |
+----------------------------------------+------------+--------+
| ID                                     | Version    | Commit |
+----------------------------------------+------------+--------+
| flarum-flags                           | v1.7.0     |        |
| flarum-approval                        | v1.7.0     |        |
| flarum-subscriptions                   | v1.7.0     |        |
| flarum-tags                            | v1.7.1     |        |
| flarum-sticky                          | v1.7.0     |        |
| fof-follow-tags                        | 1.1.7      |        |
| flarum-suspend                         | v1.7.0     |        |
| fof-pages                              | 1.0.5      |        |
| fof-impersonate                        | 1.1.1      |        |
| flarum-lock                            | v1.7.0     |        |
| flarum-likes                           | v1.7.0     |        |
| flarum-markdown                        | v1.7.0     |        |
| zerosonesfun-up                        | 1.0        |        |
| zerosonesfun-direct-links              | 3.1        |        |
| v17development-seo                     | v1.8.0     |        |
| the-turk-stickiest                     | 3.0.1      |        |
| the-turk-nodp                          | 1.0.1      |        |
| sycho-move-posts                       | v0.1.7     |        |
| sycho-advanced-extension-categories    | v0.1.3     |        |
| nearata-login-notification             | 1.0.0      |        |
| nearata-copy-code-to-clipboard         | v2.1.0     |        |
| justoverclock-be-active-user-indicator | 0.1.0      |        |
| isamuraii-op-dark-mode-tuning          | 0.2        |        |
| ianm-same-page-admin                   | 0.1.0      |        |
| ianm-gravatar                          | 0.2.0      |        |
| ianm-follow-users                      | 1.2.0      |        |
| fof-user-bio                           | 1.1.1      |        |
| fof-subscribed                         | 1.1.3      |        |
| fof-stopforumspam                      | 1.2.3      |        |
| fof-socialprofile                      | 1.1.5      |        |
| fof-sitemap                            | 2.0.1      |        |
| fof-share-social                       | 1.1.2      |        |
| fof-secure-https                       | 1.1.1      |        |
| fof-prevent-necrobumping               | 1.1.1      |        |
| fof-pretty-mail                        | 1.1.1      |        |
| fof-polls                              | 1.3.0      |        |
| fof-nightmode                          | 1.5.1      |        |
| fof-moderator-notes                    | 1.2.0      |        |
| fof-masquerade                         | 2.1.3      |        |
| fof-linguist                           | 1.1.0      |        |
| fof-ignore-users                       | 1.1.1      |        |
| fof-formatting                         | 1.0.3      |        |
| fof-doorman                            | 1.1.2      |        |
| fof-byobu                              | 1.1.8      |        |
| fof-best-answer                        | 1.2.5      |        |
| flarumtr-mobile-search                 | v1.2       |        |
| flarum-statistics                      | v1.7.0     |        |
| flarum-mentions                        | v1.7.0     |        |
| flarum-lang-french                     | v4.8.1     |        |
| flarum-lang-english                    | v1.7.0     |        |
| flarum-bbcode                          | v1.7.0     |        |
| extiverse-mercury                      | 0.2.0      |        |
| dem13n-topic-starter-label             | 0.1.8      |        |
| datitisev-backup                       | 1.0.8      |        |
| clarkwinkelmann-status                 | 1.0.0      |        |
| clarkwinkelmann-mailing                | 1.0.0      |        |
| clarkwinkelmann-lock-likes             | 1.1.1      |        |
| clarkwinkelmann-group-invitation       | 1.0.2      |        |
| clarkwinkelmann-emojionearea           | 1.0.0      |        |
| blomstra-fontawesome                   | 0.1.5      |        |
| blomstra-database-queue                | 0.1-beta.2 |        |
| askvortsov-rich-text                   | v2.1.7     |        |
| askvortsov-moderator-warnings          | v0.6.1     |        |
| askvortsov-markdown-tables             | v1.2.1     |        |
| askvortsov-discussion-templates        | v0.8.3     |        |
| askvortsov-checklist                   | v1.3.1     |        |
| antoinefr-online                       | v1.0.1     |        |
| acpl-mobile-tab                        | 1.1.1      |        |
+----------------------------------------+------------+--------+
Base URL: https://lepointdarret.com/public
Installation path: /home/accolade/lepointdarret.com
Queue driver: database
Session driver: file
Scheduler status: Ne jamais exécuter
Mail driver: smtp
Debug mode: off

clarkwinkelmann

blueCamel have you tried editing the post or creating a new one?

The post is only re-parsed when the content changes (at least one character must be modified), or when it's a new post.

blueCamel

It now works, but it is "hit and miss". Today for the first time, as I would edit the post, the preview was showing the embed. Creating a new post also gave me the embed in the preview. I went on another machine (also using Google Chrome as the browser), with a different user in the same discussion, and would not see anything. Saved the new post with the account where the preview was rendering, and now the other account would give me the rendering as well... Feels like gremlins are playing tricks on me.

Thanks for the help. If I still experience issues, I will make sure to come back here, and attempt to provide other information or perhaps a screen recording.

clarkwinkelmann

blueCamel try running php flarum cache:clear or the "Clear cache" button in the admin dashboard if things are inconsistent between clients.

The preview and final rendering happen in 2 different places so one can work when the other doesn't. (preview is completely client-side, so depends on the javascript file loaded/cached by the browser, while final rendering happens server-side, with the cached version of the TextFormatter renderer)

blueCamel

I cleared the cache so many times in the process that I forgot when I did or did not do it. If it is required for the settings to take, perhaps the extension should run that process when the settings are saved by the admin, or at the very least, there should be a mention of it in the extension's README, so that in my post seeking support I would know to mention it or not.

Now I've got a discussion thread where within that one discussion thread, distinct users post the exact same information, and for some, the embed displays, for others, it does not. This reflects badly on Flarum as a whole, as users do not have what it takes to distinguish the mobile parts at play here.

I've now run the php flarum cache:clear one more time in terminal and also used the Clear Cache button in the admin dashboard. I will ask the user to log out and log back in to see if it makes a difference, but there really should be an easy way for an admin to know that this will work for all users.

Oshvam

m4v3rick

This works for me, I have not managed to condition it to night mode, so I activated the dark mode of the default tweets.

It's not the most orthodox, but while a better solution is implemented, you can do the following:

Go to: vendor/s9e/text-formatter/src/plugins/Media Embed/Collections and locate the "CachedDefinitionCollection.php" file.

Look for this line:

https://s9e.github.io/iframe/2/twitter.min.html#<xsl:value-of select="@id"/><xsl:if test="$MEDIAEMBED_THEME=\'dark\'">#theme=dark</xsl:if>

and replace it with this:

https://s9e.github.io/iframe/2/twitter.min.html#<xsl:value-of select="@id"/>#theme=dark

Maybe @IanM and @luceos or @Ralkage (They are nigthmode contributors and will know the extension better than I do.) can get to condition the line.

<xsl:if test="$MEDIAEMBED_THEME='dark'">#theme=dark</xsl:if>

calling the exact variable of fof/nightmode

clarkwinkelmann

Oshvam I did some tests in FoF Nightmode, unfortunately there doesn't seem to be a way to change this value based on the user choice FriendsOfFlarum/nightmode68

If we are only talking about Flarum built-in dark mode, this is something we could add in FoF Formatting, where we do what I show in my draft PR but based on Flarum global dark mode switch.

I notice the dark mode Twitter embed still has white background behind the rounded corners, which make the thing look ugly without additional styling...

Oshvam

clarkwinkelmann I understand, thanks for responding. Yes, the white borders on the inserted tweet are a pain in the ass.

I was trying to validate it with a LESS condition similar to this.

'src' => sprintf('https://s9e.github.io/iframe/2/twitter.min.html#%s%s', '<xsl:value-of select="@id"/>', (@$config['dark-mode']) ? '#theme=dark' : ''),

But my knowledge doesn't go that far. And it generates conflicts in the code.

« Previous Page Next Page »