[All Versions]WysiBB Mobile friendly BBcode editor
#1
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:
   

To start with download:

.zip   wysibb.zip (Size: 110.02 KB / Downloads: 235) 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.
[Image: Jn29h.png]
DONATE TO PINGUY OS or show some love on Flattr.com
Reply
#2
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?
Reply
#3
it just works with 1.6 not 1.8 !

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

I edited the GoMobile Theme :

.zip   MyBB-GoMobile-theme.zip (Size: 28.18 KB / Downloads: 121)

but some words are in Persian !
Reply
#6
not working with me
version 1.8.7
gomobile version 1.3.2
Reply
#7
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.
Reply
#8
This Tutorial Not Working Sad
Sorry for my bad english  Toungue
Reply
#9
Anyone help me ????
Sorry for my bad english  Toungue
Reply
#10
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.
Paid support or developement: www.broatcast-consulting.de
All other: blog.broatcast.de

[Image: EbbMWfN.png]

Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)