List of Forum BBCodes

[rockedge]

• MMfloat

  Code: Select all

  [MMfloat=right]{URL}[/MMfloat] [MMfloat] defaults to "left"

• TT

  Code: Select all

  Create Tooltip [TT=tooltiptext]marked text[/TT]

• align

  Code: Select all

  [align={IDENTIFIER}]{TEXT}[/align]

• center

  Code: Select all

  [center]centered text[/center]

• fa

  Code: Select all

  Font Awesome Icon: [fa]icon-name[/fa]

• float

  Code: Select all

  [float={IDENTIFIER}]{TEXT[code]}[/float]

• mention

  Code: Select all

  [mention]{TEXT}[/mention]

• s

  Code: Select all

  [s]text strikethrough[/s]

• style

  Code: Select all

  CSS style [style=property:value; property:value ...]text[/style]

• textcolors

  Code: Select all

  Text colors:e.g. [textcolors=black,yellow] renders black text on a yellow background

• table

• thead

• th

• tbody

• td

• tfoot

• tr

[s243a]

If your board someday, I have some requests. They are:
[s][/s] -- strikethrough
[math][/math] -- latex

[MochiMoppel]

If your board someday, I have some requests. They are:
[s][/s] -- strikethrough
[math][/math] -- latex

strikethrough can now easily be achieved with markdown. I tested a strikethrough BBcode on rockedge's test server and it seems OK but I think it then should be implemented as a button on the left side, just like the other format buttons, and that seems not so easy.

@rockedge MMfloat was a test and was named to distinguish it from your float. IMO both should be combined into only one float to avoid confusion. I can make a demo if you like.

[rockedge]

@MochiMoppel

Yes! definitley a demo would be appreciated. I agree the float code should be combined into one. Also allows more room for an other button.

[MochiMoppel]

@rockedge I can't reach your test server. Offline?

I played a bit with the existing buttons and I feel that we have to reach consensus what such a float button should achieve. My MMfloat is supposed to float text around an image to make reading easy when the image is small. Your float does the same but can float around anything, making it more flexible. Your float adds an extra line above the image, which may or may not be useful, depending on context.

What both have in common are potentially unexpected results. Achieving below output requires an additional float around the whole second section and in order to continue normal text below the floated image I don't see how this can be done easily. Here I use an ugly workaround.Those dots can be replaced by invisible Unicode characters, which would make it no less ugly.

MMfloat
some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text

Floating cleared continue unfloated text continue unfloated text continue unfloated text continue unfloated text continue unfloated text continue unfloated text

Code: Select all

[style=display:block;clear:both][/style]

float
some text some text some text some text some text some text some text some text some text some text some text

some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text

continue unfloated text continue unfloated text continue unfloated text continue unfloated text continue unfloated text continue unfloated text

[rockedge]

@MochiMoppel The test server went offline due to a storm passing thru the area last night. I shutdown the machine in case of power loss, but the electricity only flickered for an instant and remained on. So it was a preventive measure. In any case it is back up and ready for work today!

this is html replacement for float :

Code: Select all

<div style="float:{IDENTIFIER}; padding:0 15px 0 0;">{TEXT}</div>

the padding might be able to be user selected via a replacement token. That needs some testing an to determine if it is useful

[MochiMoppel]

@rockedge I changed my MMfloat HTML replacement to

Code: Select all

<span style="float:left; float:{IDENTIFIER}; display: block; padding:10px 10px 0 0;">{TEXT}</span>

That's close to your version. The IDENTIFIER is optional, without it float defaults to left . I use the "span .. display: block" combo to avoid the unusual top margin that comes with a <div> style in this forum.

What I really would like to see is a [style] BBcode. This would allow to use any CSS style for users familiar with CSS syntax. Would be very powerful.

I posted an example in your test server, which applies float without using the dedicated float button and which makes the previously posted work around unnecessary by stopping the text flow with a clear:both style.

[rockedge]

@MochiMoppel Works well. I have modified MMFloat to reflect the changes

I also like

Code: Select all

[style=display:block;clear:both][/style]

so it is now impemented on this forum.

[MochiMoppel]

Works well. I have modified MMFloat to reflect the changes

I'm afraid it does not work that well. See my new test on your server. For obscure reasons it cannot float an [attachment] element. It has to be done with HTML <div>, which brings it very close to your version.
 
 

it is now impemented on this forum.

Great!
This means that we now can have strikethrough and monospace text without resorting to Markdown (nothing wrong with markdown but it can be tricky on this forum).

Would be nice to have the MM dropped from the BBcode names so that nobody expects the code to spill out choco buttons.

If you are concerned about space, why not drop the "center" button? You already have "align"and

align=center

works fine. Or drop the "align" button and keep "center". IMHO nobody needs to align=left as this is the default anyway, I can't imagine a use for align=right and the only other option, align=justify, doesn't seem to work. Of course all align options would also be accessible with a [style] button.

[rockedge]

@MochiMoppel
Added BBCode for text strikethrough

Code: Select all

[s]testing strikethrough[/s]

testing strikethrough

poster_art-1-320px.jpg (26.68 KiB) Viewed 320 times

With a float function test with a 3 column table.
style=display:block;clear:both
to clear the float

Title1	Title2	Title3
Text11	Text21	Text31
Text12	Text22	Text32

To be able to finish the post with a footer of sorts.