Page 1 of 1

Insert image with floating left

Posted: Sun Feb 23, 2020 12:30 pm
by blog2read
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.

Re: Insert image with floating left

Posted: Sun Feb 23, 2020 1:16 pm
by Edi
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?

Re: Insert image with floating left

Posted: Sun Feb 23, 2020 1:26 pm
by blog2read
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

Re: Insert image with floating left

Posted: Sun Feb 23, 2020 1:40 pm
by Edi
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="[...]").

Re: Insert image with floating left

Posted: Sun Feb 23, 2020 3:07 pm
by blog2read
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?

Re: Insert image with floating left

Posted: Sun Feb 23, 2020 6:10 pm
by Edi
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.

Re: Insert image with floating left

Posted: Sun Feb 23, 2020 8:15 pm
by blog2read
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.

Re: Insert image with floating left

Posted: Sun Feb 23, 2020 10:10 pm
by Edi
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.

Re: Insert image with floating left

Posted: Thu Jun 23, 2022 10:47 pm
by Bluefish
Any news on the CKEditor update? Is this working? https://plugins.bludit.com/de/plugin/ckeditor

Re: Insert image with floating left

Posted: Sat Jun 25, 2022 9:24 pm
by novafacile
It doesn't look like it. The author of the plugin checked in the last commit to it on Github 3 years ago.