BBcode/html in rpg profile

Hello,

I noticed that you can't use BBcode/html in the textfields of the RPG profile. Is there a way to make this possible anyhow?

Text zones will allow the BBCode.

On the normal profile, yes, but not with the RPG profile. (Admin panel => Modules => Roleplay Game).

That's because you can't add a text zone in the role-play game. So I am not sure if this is possible.

Maybe there's a way to enable BBcode in rpg fields with javascript? Unfortunately Im not good with that. Html and css I can do fine, but javascript no, so I wouldnt know what to look for.

If I may ask what BBCode would you use?

I want members to be able to add pictures, make the text bold/italic etc. Basically the same as what you can do with normal profile fields.

Try Text/List, it looks the same as a Text Zone.

That doesn't work.

@Farronsister It should be possible to parse the bbcode client-side with JavaScript however, I need a little more information :

1. A link to the page where your RPG field is ( or a link to a topic if the field is in the topics )
2. What field specifically do you want bbcode to work in ?
3. What tag(s) do you want parsed ? ( e.g. [b], [i], [img], etc.. )

Thanks in advance for providing the info above.

Someone has found the solution for me! Thanks for your help anyway!

What was the solution if I may ask?

I'm not sure if I'm allowed to copy the code, but he used JavaScript to turn the fields into a div that allows BBcode (like Ange Tuteur suggested)

I have no problem with sharing the code. Perhaps it could help others with the same problem.

Code:

$(function() {
    var pathname = $(location).attr('pathname');
        if (pathname.match("^/u") ) {
          $("textarea").each(function(index, value) {
            var obj = jQuery(value);
            var tmp = obj.val().replace(/[\r\n]/g, "<br />");

            $format_search =  [
                /\[b\](.*?)\[\/b\]/ig,
                /\[i\](.*?)\[\/i\]/ig,
                /\[u\](.*?)\[\/u\]/ig,
                /\[img\](.*?)\[\/img\]/ig
            ];
           
            $format_replace = [
                '<strong>$1</strong>',
                '<em>$1</em>',
                '<span style="text-decoration: underline;">$1</span>',
                '<img class="rpgtext_img" src="$1" />'
            ];
           
            for (var i =0;i<$format_search.length;i++) {
              var tmp = tmp.replace($format_search[i], $format_replace[i]);
            }

            var newTag = jQuery("<div></div>").html(tmp);
            newTag.addClass("rpg_text");
            obj.replaceWith(newTag);

        });
    }
});

There are maybe better scripts but this will do.