Resizimg plugin

Basic usage

Images can be resized by dragging their bottom-right corner.

Read resizimg plugin documentation

Resize that image!

The code

Nothing to do unless you want to change the default values of options, in which case you could:


$('#editor').trumbowyg({
    plugins: {
        resizimg: {
            minSize: 64,
            step: 16,
        }
    }
});
            

Setup

In head tag


            

At the end of body

Note the additional requirement: the jquery-resizable plugin must be loaded for Resizimg to work.


<!-- Import jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script>

<!-- Import dependency for Resizimg. For a productive setup, follow install instructions here: https://github.com/RickStrahl/jquery-resizable -->
<script src="//rawcdn.githack.com/RickStrahl/jquery-resizable/master/dist/jquery-resizable.min.js"></script>