MyBB Community Forums
[All Versions]WysiBB Mobile friendly BBcode editor - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Resources (https://community.mybb.com/forum-8.html)
+--- Forum: Tutorials (https://community.mybb.com/forum-38.html)
+--- Thread: [All Versions]WysiBB Mobile friendly BBcode editor (/thread-185862.html)

Pages: 1 2


[All Versions]WysiBB Mobile friendly BBcode editor - pinguy - 2015-10-30

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.


RE: [All Versions]WysiBB Mobile friendly BBcode editor - minute - 2016-02-15

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?


RE: [All Versions]WysiBB Mobile friendly BBcode editor - MybbCo - 2016-02-17

it just works with 1.6 not 1.8 !

you should first make the GoMobile Theme compatible !


RE: [All Versions]WysiBB Mobile friendly BBcode editor - minute - 2016-02-18

I understand, sorry, I did not saw when it says is for 1.6. Do you have some solution for 1.8?


RE: [All Versions]WysiBB Mobile friendly BBcode editor - MybbCo - 2016-02-18

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 !


RE: [All Versions]WysiBB Mobile friendly BBcode editor - Michael_vx - 2016-09-26

not working with me
version 1.8.7
gomobile version 1.3.2


RE: [All Versions]WysiBB Mobile friendly BBcode editor - beautes - 2017-01-27

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.


RE: [All Versions]WysiBB Mobile friendly BBcode editor - RahulP - 2017-08-12

This Tutorial Not Working Sad


RE: [All Versions]WysiBB Mobile friendly BBcode editor - RahulP - 2017-08-13

Anyone help me ????


RE: [All Versions]WysiBB Mobile friendly BBcode editor - broatcast - 2017-08-13

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.