These plugins were created because of a couple of requests we got to create resize plugins for Divs or other elements with contenteditable set to true. Two separate files were created to cover these cases:


For jquery 1.9+ version please make sure you include jquery.mb.browser.min.js right after the place where jquery is included. This is adding back removed $.browser property.


WYSIWYG Resize(click to test)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec adipiscing, enim sed ullamcorper dictum, nunc quam aliquet velit, ut egestas libero nulla vel nisl. Duis scelerisque consectetur quam eu interdum. Aenean sit amet tortor turpis, quis pharetra ligula. Sed condimentum dictum eros vitae vulputate. Vivamus vitae enim turpis. Duis felis mauris, ultrices quis faucibus eget, luctus sed diam. Suspendisse potenti. Aliquam tellus dui, rhoncus eu rhoncus et, cursus sed arcu. Ut condimentum iaculis volutpat. Donec arcu lectus, viverra nec luctus eu, dignissim sed nisi. Donec a leo eu ante rutrum tincidunt. In nec mauris vitae sem eleifend luctus.

Nullam fringilla vestibulum metus, in dictum nibh malesuada egestas. Ut in neque consectetur libero interdum auctor a ac augue. Pellentesque mauris sem, cursus sodales accumsan a, blandit vitae tellus. Donec sed libero elit. Nunc viverra accumsan lacus at luctus. Quisque rhoncus nunc at nunc commodo in aliquet nisl mollis. Nam non odio tincidunt tellus volutpat imperdiet.

CLICK TO TEST 234 enim sed ullamcorper ornare eu commodo quis
consectetur 123 32423
commodo 4564 242
nibh malesuada egestas 25325 consectetur libero interdum nunc at nunc commodo
23423 Aliquam risus leo Duis facilisis metus
Aliquam risus leo 12312 Maecenas laoreet felis rhoncus nunc at nunc commodo

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius varius est, id dictum lectus aliquet non. Fusce laoreet auctor facilisis. Nullam eget tortor at leo pellentesque pellentesque. Nunc tortor neque, elementum varius pretium sit amet, vulputate at erat. Duis nec nisi mauris, in gravida sapien.

Duis a Mauris

Duis a mauris non felis dapibus cursus. Aliquam eu dignissim purus. Donec at orci vitae sem laoreet molestie sed eu urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus magna velit, fringilla egestas vehicula at, adipiscing eget augue. Suspendisse porta, tellus id consequat volutpat.

CLICK TO TEST

Vivamus tristique purus eget nisl sollicitudin varius. Praesent turpis sapien, imperdiet ut vehicula pretium, tristique nec mauris. Quisque eget lacus mi. Quisque adipiscing velit euismod enim venenatis eleifend. Donec commodo purus non mauris ultricies ultricies. Nulla facilisi.

Sed Varius

Sed varius porta consequat. Proin ante neque, mattis sit amet condimentum in, vulputate ac ipsum. Proin eu consequat est. Integer at vehicula lacus. Nulla faucibus dolor ut augue euismod eget volutpat ligula venenatis. Curabitur bibendum consequat orci, sagittis elementum dolor commodo vel.

CLICK TO TEST

CLICK TO TEST. Aliquam euismod tortor ut mauris eleifend ut vehicula neque convallis. Aenean dui orci, luctus non aliquet eu, semper non arcu. Aliquam tincidunt metus at ligula fringilla ornare. Praesent euismod, lacus vel condimentum convallis, massa quam auctor nisl, ut egestas felis sapien eget augue. Etiam eleifend auctor nunc, id facilisis ante ultrices in. Integer sagittis augue a tortor luctus ut tristique metus sagittis.

new paragraph



WYSIWYG Resize(click to test)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec adipiscing, enim sed ullamcorper dictum, nunc quam aliquet velit, ut egestas libero nulla vel nisl. Duis scelerisque consectetur quam eu interdum. Aenean sit amet tortor turpis, quis pharetra ligula. Sed condimentum dictum eros vitae vulputate. Vivamus vitae enim turpis. Duis felis mauris, ultrices quis faucibus eget, luctus sed diam. Suspendisse potenti. Aliquam tellus dui, rhoncus eu rhoncus et, cursus sed arcu. Ut condimentum iaculis volutpat. Donec arcu lectus, viverra nec luctus eu, dignissim sed nisi. Donec a leo eu ante rutrum tincidunt. In nec mauris vitae sem eleifend luctus.

Nullam fringilla vestibulum metus, in dictum nibh malesuada egestas. Ut in neque consectetur libero interdum auctor a ac augue. Pellentesque mauris sem, cursus sodales accumsan a, blandit vitae tellus. Donec sed libero elit. Nunc viverra accumsan lacus at luctus. Quisque rhoncus nunc at nunc commodo in aliquet nisl mollis. Nam non odio tincidunt tellus volutpat imperdiet.

CLICK TO TEST 234 enim sed ullamcorper ornare eu commodo quis
consectetur 123 32423
commodo 4564 242
nibh malesuada egestas 25325 consectetur libero interdum nunc at nunc commodo
23423 Aliquam risus leo Duis facilisis metus
Aliquam risus leo 12312 Maecenas laoreet felis rhoncus nunc at nunc commodo

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius varius est, id dictum lectus aliquet non. Fusce laoreet auctor facilisis. Nullam eget tortor at leo pellentesque pellentesque. Nunc tortor neque, elementum varius pretium sit amet, vulputate at erat. Duis nec nisi mauris, in gravida sapien.

Duis a Mauris

Duis a mauris non felis dapibus cursus. Aliquam eu dignissim purus. Donec at orci vitae sem laoreet molestie sed eu urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus magna velit, fringilla egestas vehicula at, adipiscing eget augue. Suspendisse porta, tellus id consequat volutpat.

CLICK TO TEST

Vivamus tristique purus eget nisl sollicitudin varius. Praesent turpis sapien, imperdiet ut vehicula pretium, tristique nec mauris. Quisque eget lacus mi. Quisque adipiscing velit euismod enim venenatis eleifend. Donec commodo purus non mauris ultricies ultricies. Nulla facilisi.

Sed Varius

Sed varius porta consequat. Proin ante neque, mattis sit amet condimentum in, vulputate ac ipsum. Proin eu consequat est. Integer at vehicula lacus. Nulla faucibus dolor ut augue euismod eget volutpat ligula venenatis. Curabitur bibendum consequat orci, sagittis elementum dolor commodo vel.

CLICK TO TEST

CLICK TO TEST. Aliquam euismod tortor ut mauris eleifend ut vehicula neque convallis. Aenean dui orci, luctus non aliquet eu, semper non arcu. Aliquam tincidunt metus at ligula fringilla ornare. Praesent euismod, lacus vel condimentum convallis, massa quam auctor nisl, ut egestas felis sapien eget augue. Etiam eleifend auctor nunc, id facilisis ante ultrices in. Integer sagittis augue a tortor luctus ut tristique metus sagittis.

new paragraph




        $(document).ready(function () {
            //BEGIN - Attach resize functionality to the editable div
            if ($.browser.webkit) {
                //make sure if it's a webkit browser you don't include the td element into the wysiwygResize selector option.
                $(".editable-div").wysiwygResize({
                    selector: "div, h1, h3"
                }).webkitimageresize().webkittableresize().webkittdresize();
            }
            else {
                $(".editable-div").wysiwygResize({
                    selector: "div, td, h1, h3"
                });
            }
            //END - Attach resize functionality to the editable div
        });