<![CDATA[MyBB Community Forums - MyCodes]]> https://community.mybb.com/ Tue, 09 Jun 2026 09:51:08 +0000 MyBB <![CDATA[Polaroid Mycode]]> https://community.mybb.com/thread-244894.html Fri, 13 Feb 2026 19:52:02 +0000 Gordie]]> https://community.mybb.com/thread-244894.html
Regular Expression:
\[photo=(.*?)\](.*?)\[/photo\]

Replacement:
<div style="background: #fff; padding: 10px 10px 30px 10px; border: 1px solid #ddd; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); display: inline-block; max-width: 90%; transform: rotate(-2deg); margin: 20px;">
    <img src="$2" style="width: 100%; height: auto; display: block;" />
    <div style="font-family: 'Comic Sans MS', cursive; text-align: center; padding-top: 15px; color: #333; font-size: 1.1rem;">$1</div>
</div>

Useage:
[photo=Winter in my hometown]https://i.postimg.cc/BbpnZMZs/20260109-155010.jpg[/photo]

Result:

.jpg   Screenshot_20260213_155913_Samsung Internet.jpg (Size: 651.02 KB / Downloads: 90) ]]>
Regular Expression:
\[photo=(.*?)\](.*?)\[/photo\]

Replacement:
<div style="background: #fff; padding: 10px 10px 30px 10px; border: 1px solid #ddd; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); display: inline-block; max-width: 90%; transform: rotate(-2deg); margin: 20px;">
    <img src="$2" style="width: 100%; height: auto; display: block;" />
    <div style="font-family: 'Comic Sans MS', cursive; text-align: center; padding-top: 15px; color: #333; font-size: 1.1rem;">$1</div>
</div>

Useage:
[photo=Winter in my hometown]https://i.postimg.cc/BbpnZMZs/20260109-155010.jpg[/photo]

Result:

.jpg   Screenshot_20260213_155913_Samsung Internet.jpg (Size: 651.02 KB / Downloads: 90) ]]> <![CDATA[[Fixed] Embedding code for Instagram issue]]> https://community.mybb.com/thread-243795.html Tue, 22 Jul 2025 21:32:36 +0000 Micheus]]> https://community.mybb.com/thread-243795.html
Here is the MyCode page with the code and preview working:
[Image: My-BB-mycode-preview.png]

Here is the MyCode being used in a post:
[Image: My-BB-post-edit.png]
and this is the result after save. It "breaks" the post content making it empty:
[Image: My-BB-post-saved.png]

while removing it the entire post is OK:
[Image: My-BB-post-saved-ok.png]

Thanks for any tip.]]>
Here is the MyCode page with the code and preview working:
[Image: My-BB-mycode-preview.png]

Here is the MyCode being used in a post:
[Image: My-BB-post-edit.png]
and this is the result after save. It "breaks" the post content making it empty:
[Image: My-BB-post-saved.png]

while removing it the entire post is OK:
[Image: My-BB-post-saved-ok.png]

Thanks for any tip.]]> <![CDATA[Embed Reddit post mycode]]> https://community.mybb.com/thread-243100.html Fri, 14 Mar 2025 09:54:58 +0000 MixRo]]> https://community.mybb.com/thread-243100.html
it should look something like this :
.png   reddit.PNG (Size: 457.72 KB / Downloads: 140) ]]>
it should look something like this :
.png   reddit.PNG (Size: 457.72 KB / Downloads: 140) ]]> <![CDATA[A custom MyCode works in the Admin sandbox but not in actual posts?]]> https://community.mybb.com/thread-243069.html Fri, 07 Mar 2025 00:17:00 +0000 king kashue]]> https://community.mybb.com/thread-243069.html
I realized though that the BlueSky "embed post" function gives you the full "<blockquote> + <script>" combo to copy & paste that Twitter uses for embeds (i.e., it's already giving what my working Twitter MyCode spits out when you give it a normal twitter url to use).

So, I tried just creating the simplest tags possible and the replacement is literally just the whole 'embed post' block the site gives you (i.e., the content in the regular expression is just (.*?) and the replacement is just $1)

This actually works...but only in the Custom MyCode sandbox. When I try and use it on the forum, it just returns the text.


Any clue as to why? Gotta say it's not much of a sandbox if it doesn't reflect how the forum works.]]>
I realized though that the BlueSky "embed post" function gives you the full "<blockquote> + <script>" combo to copy & paste that Twitter uses for embeds (i.e., it's already giving what my working Twitter MyCode spits out when you give it a normal twitter url to use).

So, I tried just creating the simplest tags possible and the replacement is literally just the whole 'embed post' block the site gives you (i.e., the content in the regular expression is just (.*?) and the replacement is just $1)

This actually works...but only in the Custom MyCode sandbox. When I try and use it on the forum, it just returns the text.


Any clue as to why? Gotta say it's not much of a sandbox if it doesn't reflect how the forum works.]]> <![CDATA[text with background MyCode?]]> https://community.mybb.com/thread-241329.html Wed, 03 Jul 2024 19:33:02 +0000 SELLECK87]]> https://community.mybb.com/thread-241329.html <![CDATA[x.com MyCode?]]> https://community.mybb.com/thread-241050.html Sun, 19 May 2024 12:32:48 +0000 MisterHelp]]> https://community.mybb.com/thread-241050.html Does anyone have a working x.com MyCode?
Thanks for any help.
]]> Does anyone have a working x.com MyCode?
Thanks for any help.
]]> <![CDATA[re-assign a button in the editor]]> https://community.mybb.com/thread-241043.html Sat, 18 May 2024 15:17:03 +0000 rozbud]]> https://community.mybb.com/thread-241043.html Is it possible to re-assign a button in the below editor*, to say "Hello World"?


[Image: ed.png]

* Quick Advanced Editor Plus[url=https://github.com/martec/quickadveditorplus][/url]]]> Is it possible to re-assign a button in the below editor*, to say "Hello World"?


[Image: ed.png]

* Quick Advanced Editor Plus[url=https://github.com/martec/quickadveditorplus][/url]]]> <![CDATA[Wanna have embedded Telegram with only MyCode?]]> https://community.mybb.com/thread-240252.html Fri, 09 Feb 2024 09:31:22 +0000 meisme]]> https://community.mybb.com/thread-240252.html
i tossing around with MyCode for fun and suddenly *bang* i had embedded Telegram in my forum Confused 

If you are interessted in this feature, here is the salt:

1. It is a cascading MyCode. We need 2 MyCode for to do one thing.

Telegram1:

.png   telegram1.png (Size: 52.48 KB / Downloads: 187)

Quote:https://t.me/(.*)

Quote:[telegram]$1[/telegram]


Do not use (.*?) in Telegram1!!!! Use (.*)!!!

(there is a thread where you can smell my despair cause of that https://community.mybb.com/thread-240205.html)

and Telegram2:

.png   telegram2.png (Size: 63.83 KB / Downloads: 184)

Quote:\[telegram\](.*?)\[/telegram\]


Quote:<x><script src="https://telegram.org/js/telegram-widget.js?22" data-telegram-post="$1" data-width="100%" ></script></x>


What is essential is the "parse-order". Telegram1 has the 0, will executed first. Telegram2 has the 1, will be executed after Telegram1 has did its thing.


2. Also we have to add some code in global.css

x {
border: 1px solid #ccc;
margin: 0;
background: #fff;
padding: 10px;
display: inline-flex;
flex-flow: row wrap;
justify-content: center;
}

Yes, i just define a new "tag" x for that. You also can use "blockquote" or "span" ect. for that. But cause of all others are often used and somtimes specialized, there is a high chance that we would interfere in some formats e,g, the normal "blockquote cite" or like that. So better do a stand alone tag.

3. How it works

copy the url of a single Telegram-post, e.g. https://t.me/fcukalender/6, paste it in your post-reply, send your post reply, and then you get this telegram-post automatic embedded in your post in your forum, what then looks like that


.png   Bildschirmfoto vom 2024-02-09 10-28-14.png (Size: 97.54 KB / Downloads: 205)

Have fun with it Smile]]>
i tossing around with MyCode for fun and suddenly *bang* i had embedded Telegram in my forum Confused 

If you are interessted in this feature, here is the salt:

1. It is a cascading MyCode. We need 2 MyCode for to do one thing.

Telegram1:

.png   telegram1.png (Size: 52.48 KB / Downloads: 187)

Quote:https://t.me/(.*)

Quote:[telegram]$1[/telegram]


Do not use (.*?) in Telegram1!!!! Use (.*)!!!

(there is a thread where you can smell my despair cause of that https://community.mybb.com/thread-240205.html)

and Telegram2:

.png   telegram2.png (Size: 63.83 KB / Downloads: 184)

Quote:\[telegram\](.*?)\[/telegram\]


Quote:<x><script src="https://telegram.org/js/telegram-widget.js?22" data-telegram-post="$1" data-width="100%" ></script></x>


What is essential is the "parse-order". Telegram1 has the 0, will executed first. Telegram2 has the 1, will be executed after Telegram1 has did its thing.


2. Also we have to add some code in global.css

x {
border: 1px solid #ccc;
margin: 0;
background: #fff;
padding: 10px;
display: inline-flex;
flex-flow: row wrap;
justify-content: center;
}

Yes, i just define a new "tag" x for that. You also can use "blockquote" or "span" ect. for that. But cause of all others are often used and somtimes specialized, there is a high chance that we would interfere in some formats e,g, the normal "blockquote cite" or like that. So better do a stand alone tag.

3. How it works

copy the url of a single Telegram-post, e.g. https://t.me/fcukalender/6, paste it in your post-reply, send your post reply, and then you get this telegram-post automatic embedded in your post in your forum, what then looks like that


.png   Bildschirmfoto vom 2024-02-09 10-28-14.png (Size: 97.54 KB / Downloads: 205)

Have fun with it Smile]]> <![CDATA[Mycode auto url]]> https://community.mybb.com/thread-239812.html Sat, 16 Dec 2023 13:24:42 +0000 lkop]]> https://community.mybb.com/thread-239812.html
input:
[link]https://domain/file/demo.zip[/link]



output:
<span class="link"><a href="https://domain/file/demo.zip">demo.zip</a></link>]]>
input:
[link]https://domain/file/demo.zip[/link]



output:
<span class="link"><a href="https://domain/file/demo.zip">demo.zip</a></link>]]> <![CDATA[MyCode Read More]]> https://community.mybb.com/thread-239759.html Mon, 11 Dec 2023 22:33:46 +0000 JLP423]]> https://community.mybb.com/thread-239759.html I just want to share this MyCode I whipped up. It's pretty self-explanatory. I wrote this for my forum because I don't want to have posts that are too long. Sure, some people can say I could just use hide or spoiler plugins, but those completely hide the contents I believe. This one will work almost like an excerpt of a WordPress blog post, but for chosen parts of a post:

Demo: https://mybb.vn/Thread-test-test-more-ta...180#pid180

Let's get started:

1. Add this into your global.css:
/*Read More CSS*/

    .readmore {
      border: 1px solid #214f7e;
      background-color: #fdf6e3;
      transition: max-height 0.5s ease;
      overflow: hidden;
      max-height: 150px;
      width: 90%;
      margin: 10px auto;
      padding: 15px;
      border-left: 4px solid #214f7e;
      position: relative;
    }

    .readmore.expanded {
      max-height: none /* Set height to auto for expanded state */
    }

    .readmore-button-container {
    position: relative;
	color: #214f7e;
    border-bottom: 1px solid #214f7e;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
    font-style: normal;
    font-weight: bold;
    }

    .readmore-button {
      margin-right: 10px;
    }
/*End Read More CSS */

2. Add this into your headerinclude template:
  <script>
    function toggleReadMore(button) {
      var content = button.closest('.readmore');
      content.classList.toggle('expanded');
      var readMoreButton = content.querySelector('.readmore-button');

      if (content.classList.contains('expanded')) {
        readMoreButton.innerHTML = "Read Less";
      } else {
        readMoreButton.innerHTML = "Read More";
      }
    }
  </script>

3. Add MyCode:
Regular expression:
\[more\](.*?)\[/more\]

Replacement:
  <div class="readmore">
    <div class="readmore-button-container">
      <button class="readmore-button" onclick="toggleReadMore(this)">Read More</button>
    </div>
    <p>$1</p>
  </div>

4. How to use:
[more] Your long, lengthy content here [/more]

Feel free to style or change it to fit your forum's needs. If there's enough request I can turn it into a simple plugin with some basic options. But for now, enjoy this MyCode tutorial Smile]]> I just want to share this MyCode I whipped up. It's pretty self-explanatory. I wrote this for my forum because I don't want to have posts that are too long. Sure, some people can say I could just use hide or spoiler plugins, but those completely hide the contents I believe. This one will work almost like an excerpt of a WordPress blog post, but for chosen parts of a post:

Demo: https://mybb.vn/Thread-test-test-more-ta...180#pid180

Let's get started:

1. Add this into your global.css:
/*Read More CSS*/

    .readmore {
      border: 1px solid #214f7e;
      background-color: #fdf6e3;
      transition: max-height 0.5s ease;
      overflow: hidden;
      max-height: 150px;
      width: 90%;
      margin: 10px auto;
      padding: 15px;
      border-left: 4px solid #214f7e;
      position: relative;
    }

    .readmore.expanded {
      max-height: none /* Set height to auto for expanded state */
    }

    .readmore-button-container {
    position: relative;
	color: #214f7e;
    border-bottom: 1px solid #214f7e;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
    font-style: normal;
    font-weight: bold;
    }

    .readmore-button {
      margin-right: 10px;
    }
/*End Read More CSS */

2. Add this into your headerinclude template:
  <script>
    function toggleReadMore(button) {
      var content = button.closest('.readmore');
      content.classList.toggle('expanded');
      var readMoreButton = content.querySelector('.readmore-button');

      if (content.classList.contains('expanded')) {
        readMoreButton.innerHTML = "Read Less";
      } else {
        readMoreButton.innerHTML = "Read More";
      }
    }
  </script>

3. Add MyCode:
Regular expression:
\[more\](.*?)\[/more\]

Replacement:
  <div class="readmore">
    <div class="readmore-button-container">
      <button class="readmore-button" onclick="toggleReadMore(this)">Read More</button>
    </div>
    <p>$1</p>
  </div>

4. How to use:
[more] Your long, lengthy content here [/more]

Feel free to style or change it to fit your forum's needs. If there's enough request I can turn it into a simple plugin with some basic options. But for now, enjoy this MyCode tutorial Smile]]> <![CDATA[Search code help]]> https://community.mybb.com/thread-239681.html Sun, 03 Dec 2023 04:44:35 +0000 lkop]]> https://community.mybb.com/thread-239681.html
regular expression
\[search](.*?)\[/search\]

replacement
https://domainname.com/search.php?action=do_search&keywords=$1...


now it seems if i use "&" mycode returns blank, what to use instead of "&"?]]>
regular expression
\[search](.*?)\[/search\]

replacement
https://domainname.com/search.php?action=do_search&keywords=$1...


now it seems if i use "&" mycode returns blank, what to use instead of "&"?]]> <![CDATA[MYcode for image link]]> https://community.mybb.com/thread-239635.html Tue, 28 Nov 2023 20:20:49 +0000 lkop]]> https://community.mybb.com/thread-239635.html

https://i.imgur.com/WL6BMW6.png]]>

https://i.imgur.com/WL6BMW6.png]]> <![CDATA[Code tag how to just have inside text and Not parse link]]> https://community.mybb.com/thread-239599.html Fri, 24 Nov 2023 22:29:57 +0000 Jano564]]> https://community.mybb.com/thread-239599.html .. Hi i want to in my forum use code tag but when i use it and add a link inside is parse the link as url to click i just want to all inside the code tag was texte to copy only. How i can disabled inside tag code everything who is a link because inside code https:.... link do This in blue test is short the link and offer to click on but like explained i just want to all be text only.

How ? thank]]> .. Hi i want to in my forum use code tag but when i use it and add a link inside is parse the link as url to click i just want to all inside the code tag was texte to copy only. How i can disabled inside tag code everything who is a link because inside code https:.... link do This in blue test is short the link and offer to click on but like explained i just want to all be text only.

How ? thank]]> <![CDATA[Spoiler (hide\show) by MyCode]]> https://community.mybb.com/thread-239045.html Tue, 22 Aug 2023 11:05:36 +0000 kolubov]]> https://community.mybb.com/thread-239045.html
regexp:
\[spoiler\](.*?)\[/spoiler\]

replacement:
<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em; width: 100%;" ><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b>Spoiler </b><a href=\'#\' onClick=\'return false;\'>Hide</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler </b><a href=\'#\' onClick=\'return false;\'>Show</a>'; }" /><b>Spoiler </b><a href="#" onClick="return false;">Show</a></span> </div><div class="quotecontent"><div style="display: none;">$1</div></div></div>

It works pretty well in the testbox of visual MyCode editor on admin CP but doesn't work in real posts. The text into the spoiler tag just invisible and nothing shows like the post is absolutely empty. Maybe anyone tryied this and knows how to adjust it?

Or maybe there are some other ways to put spoiler option in the latest version of myBB.]]>
regexp:
\[spoiler\](.*?)\[/spoiler\]

replacement:
<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em; width: 100%;" ><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b>Spoiler </b><a href=\'#\' onClick=\'return false;\'>Hide</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler </b><a href=\'#\' onClick=\'return false;\'>Show</a>'; }" /><b>Spoiler </b><a href="#" onClick="return false;">Show</a></span> </div><div class="quotecontent"><div style="display: none;">$1</div></div></div>

It works pretty well in the testbox of visual MyCode editor on admin CP but doesn't work in real posts. The text into the spoiler tag just invisible and nothing shows like the post is absolutely empty. Maybe anyone tryied this and knows how to adjust it?

Or maybe there are some other ways to put spoiler option in the latest version of myBB.]]> <![CDATA[Define new colors for [color]]]> https://community.mybb.com/thread-239029.html Sun, 20 Aug 2023 11:44:19 +0000 ArtemidaForum]]> https://community.mybb.com/thread-239029.html So my users could type, for example, 
[color=cien]text[/color]
instead of 
[color=#996633]text[/color]
I don't even know how to go about doing this.]]> So my users could type, for example, 
[color=cien]text[/color]
instead of 
[color=#996633]text[/color]
I don't even know how to go about doing this.]]>