Get started with tui-image-editor CDN

MIT licensed

Tui-Image-Editor is a versatile library for creating and manipulating image editors in web applications, offering features like cropping, rotating, and filtering.

Tags:
  • nhn
  • nhnent
  • tui
  • component
  • image
  • editor
  • canvas
  • fabric

Stable version

Copied!

How to start using tui-image-editor CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with tui-image-editor CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tui-image-editor/3.15.3/tui-image-editor.min.css">
</head>
<body>
    <div id="image-editor"></div>
    <script src="https://cdn.cdnhub.io/tui-image-editor/3.15.3/tui-image-editor.min.js"></script>
    <script>
        const editor = new tui.ImageEditor('#image-editor', {
            image: 'path/to/your/image.jpg', // Replace with the path to your image
            size: {
                width: '100%',
                height: '100%'
            },
            toolbar: [
                ['crop', 'rotation-left', 'rotation-right'],
                ['brightness', 'contrast'],
                ['sharpness'],
                ['filter'],
                ['text'],
                ['effect'],
                ['background'],
                ['clipping', 'vignette'],
                ['magnifier'],
                ['undo', 'redo'],
                ['save']
            ]
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions