MyBB Community Forums

Full Version: [All Versions]WysiBB Mobile friendly BBcode editor
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
If you are using GoMobile you may of noticed that the default editor isn't really that mobile friendly.

This is where WysiBB comes in. This is a fantastic little editor for mobile devices thats fairly easy to modify.

How it looks on my site:
[attachment=35461]

To start with download:
[attachment=35457] and upload it to root/jscripts.

So it looks like:

root/jscripts/wysibb/


Next make some edits to the MyBB GoMobile theme template.

First edit is to replace everything in:

Templates > MyBB GoMobile Templates > Ungrouped Templates > codebuttons

With this:

<script src="jscripts/wysibb/jquery.min.js"></script>
<script src="jscripts/wysibb/jquery.wysibb.min.js"></script>
<link rel="stylesheet" href="jscripts/wysibb/theme/default/wbbtheme.css" />
<script>
$(document).ready(function() {
var wbbOpt = {
buttons: "bold,italic,underline,|,img,link,|,bullist,numlist,|,fontcolor,fontsize,fontfamily,|,justifyleft,justifycenter,justifyright,|,code"
}
 $("#message").wysibb(wbbOpt);
});
</script>

Save and exit.

Next we want to edit the quick reply so the editor shows up there:

Templates > MyBB GoMobile Templates > Show Thread Templates > showthread_quickreply

Look for:

<textarea style="width: 100%; padding: 4px; margin: 0;" rows="18" cols="80" name="message" id="message" tabindex="1"></textarea>

And change it to:

<textarea style="width: 97%;" rows="18" name="message" id="message" tabindex="1"></textarea>{$codebuttons}

You can also change the templates for editpost and newreply so they are the same as above code, but this shouldn't be needed.

Quote's work just the formatting is broken when viewing in the editors WYSIWYG.

It can be fixed. I just haven't gotten around to do it. The guide on how to fix it is here: http://www.wysibb.com/docs/p2.html

The code changes are made to the codebuttons template.
Hello, no matter what I do, I have this page on editor:

[Image: Um3QK3V.jpg]

I try your method, is not working, please, can you give me a hint?
it just works with 1.6 not 1.8 !

you should first make the GoMobile Theme compatible !
I understand, sorry, I did not saw when it says is for 1.6. Do you have some solution for 1.8?
this editor just works in newreply and newthread templates
GoMobile Template has some important issues

I edited the GoMobile Theme :
[attachment=35820]

but some words are in Persian !
not working with me
version 1.8.7
gomobile version 1.3.2
I got it working on my board. Any chance you know how to add a spoiler tag though? It's been wracking my brain but I can't figure it out myself.
This Tutorial Not Working Sad
Anyone help me ????
This is a tutorial for gomobile... the support is stoped long time ago and is only compatible with 1.6, NOT 1.8
You better use a full compatible responsive theme.
Pages: 1 2