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:
![.png]( "PNG Image")
Distro Builder Script Page 3 Pinguy OS Forum.png (Size: 153.79 KB / Downloads: 30)
To start with download:
![.zip]( "Zip File")
wysibb.zip (Size: 110.02 KB / Downloads: 4)
and upload it to root/jscripts.
So it looks like:
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:
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:
And change it to:
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.
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:
Distro Builder Script Page 3 Pinguy OS Forum.png (Size: 153.79 KB / Downloads: 30)
To start with download:
wysibb.zip (Size: 110.02 KB / Downloads: 4)
and upload it to root/jscripts.So it looks like:
Code:
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:
Code:
<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:
Code:
<textarea style="width: 100%; padding: 4px; margin: 0;" rows="18" cols="80" name="message" id="message" tabindex="1"></textarea>And change it to:
Code:
<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.