jordandelozier / wysibb

WYSIWYG BBcode editor
http://www.wysibb.com
246 stars 86 forks source link

multiple wysibb in same page #66

Open Nelrann opened 10 years ago

Nelrann commented 10 years ago

Hi

Is it possible to use multiple wisybb in the same page ?

zenn1989 commented 10 years ago

Yes, why not? Attach editor init to css class, example:

$('.wysi-edit').wysibb();

And then add on page 2 or more textarea:

<textarea name='text1' class='wysi-edit'></textarea>
<textarea name='text2' class=wysi-edit'></textarea>

What you can't do from below explained?

Lawrence-Cooke commented 10 years ago

Hi,

I have successfully added multiple boxes, however, if one the boxes is wrapped in a div that is display:none when the page loads, once the div is set to display:block you cant click in the editor to get focus. The fix is to start them all as display:block and in code set them to display:none after the wysibb load code.

This is only an issue on firefox, it works fine on chrome and IE without the work around.

InokentiyVas commented 7 years ago

Hello, When more than one editor is on the page, when you exit the window, the page scrolls to the very last editor. How to fix it? Example:

<html>
<head>
    <script src="http://wysibb.com/js/jquery-2.1.0.min.js" type="text/javascript"></script>
    <script src="http://cdn.wysibb.com/js/jquery.wysibb.min.js"></script>
    <link rel="stylesheet" href="http://cdn.wysibb.com/css/default/wbbtheme.css" type="text/css" />
</head>
<body>
    <script>
        $(document).ready(function() {
            var wbbOpt = {
                buttons: 'bold,italic,underline,|,bullist,numlist,|,link,|,fontcolor,fontsize,fontfamily,|,justifyleft,justifycenter,justifyright,|,removeFormat'
            }
            $('textarea').wysibb(wbbOpt);
        });
    </script>
    <textarea rows="8"></textarea>
    <br>
    <br>
    ....many br....
    <br>
    <br>
    <textarea rows="8"></textarea>
</body>
</html>
pionas commented 3 years ago

I have got the same problem like @InokentiyVas Any ideas?