Insert image with floating left

Post Reply
User avatar
blog2read
Ssr. Bludit
Posts: 17
Joined: Mon Jul 03, 2017 9:20 pm
Location: Switzerland

How to insert an image with "floating left" with Mastodon`? The idea to insert a little picture left from the text and further text goes "around" it.
m.f.G.
Blog Reader
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

Where do you like to insert the image? Which image? And what does mean "with Mastodon"?

Can you perhaps show an image or a sort of sketch of it?
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
User avatar
blog2read
Ssr. Bludit
Posts: 17
Joined: Mon Jul 03, 2017 9:20 pm
Location: Switzerland

Sorry, that was not Mastodon - but Markdown :?

With html/css you can set "float:left" for an image. How to do this with Markdown?

https://i.imgur.com/p1iIm3U.png
m.f.G.
Blog Reader
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

You can mix Markdown with HTML using the HTML tag img.

Either you can give the image a class and set the rule in a file with CSS, add it with the plugin HTML or in the brackets of the tag (with style="[...]").
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
User avatar
blog2read
Ssr. Bludit
Posts: 17
Joined: Mon Jul 03, 2017 9:20 pm
Location: Switzerland

Of course - with a class definition in CSS it would be a possible. My question was more like - it's not possible to do this directly in an editor for posts? You have to improvise with HTML code?
m.f.G.
Blog Reader
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

Markdown parses images with the HTML tag img. If all images should be formatted in the same way you can use it.

An interesting way to format images with Markdown is explained here:

https://www.xaprb.com/blog/how-to-style ... -markdown/

With TinyMCE you can format images with the editor.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
User avatar
blog2read
Ssr. Bludit
Posts: 17
Joined: Mon Jul 03, 2017 9:20 pm
Location: Switzerland

The plugin CKEditor with RESPONSIVE Filemanager would have much more options to import a picture.

But over here this plugin doesn't work - the edited text isn't stored. But there is no error message at all.
m.f.G.
Blog Reader
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

In the beginning it was a Markdown problem. I gave you two solutions and suggested to use TinyMCE... Now the problem is CKEditor. :roll:

CKEditor is not yet updated for the use with Bludit 3.11.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
Bluefish
Ssr. Bludit
Posts: 24
Joined: Fri Feb 26, 2021 10:02 am
Been thanked: 1 time

Any news on the CKEditor update? Is this working? https://plugins.bludit.com/de/plugin/ckeditor
User avatar
novafacile
Master Bludit
Posts: 107
Joined: Sat Oct 06, 2018 4:47 pm
Has thanked: 35 times
Been thanked: 10 times
Contact:

It doesn't look like it. The author of the plugin checked in the last commit to it on Github 3 years ago.
Post Reply