<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>0. Design</title>
        <link type="text/css" href="https://uicdn.toast.com/tui-color-picker/v2.2.0/tui-color-picker.css" rel="stylesheet">

        {!! style('rvwysiwyguikit/core/jquery-plugins/TOASTUIEditor/css/tui-image-editor.css') !!} 
        <style>
            @import url(http://fonts.googleapis.com/css?family=Noto+Sans);
            html, body {
                height: 100%;
                margin: 0;
            }
        </style>
        
                <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.6.7/fabric.js"></script>
        <script type="text/javascript" src="https://uicdn.toast.com/tui.code-snippet/v1.3.0/tui-code-snippet.min.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js"></script>
        <script type="text/javascript" src="https://cdn.rawgit.com/nhnent/tui.color-picker/v2.2.0/dist/tui-color-picker.js"></script>
         {!! script('rvwysiwyguikit/core/jquery-plugins/TOASTUIEditor/js/tui-image-editor.js') !!} 
         
         <script>
		var path = 'http://localhost/rvwysiwyguikit/core/jquery-plugins/TOASTUIEditor/'
         </script>
		 {!! script('rvwysiwyguikit/core/jquery-plugins/TOASTUIEditor/js/black-theme.js') !!} 
    </head>
    <body>
  <div id="tui-image-editor-container"></div>


        <script>

         // Image editor
         var imageEditor = '';
         function a () {
        	 

          imageEditor = new tui.ImageEditor('#tui-image-editor-container', {
             includeUI: {
                 loadImage: {
                     path: 'http://192.168.100.82/cdn/templates/rvs_library/100/images/img100-121.jpg',
                     name: 'SampleImage'
                 },
                 theme: blackTheme, // or whiteTheme
                 initMenu: 'filter',
                 menuBarPosition: 'bottom'
             },
             cssMaxWidth: 700,
             cssMaxHeight: 500
         });

         window.onresize = function() {
             imageEditor.ui.resizeEditor();
         }
         }
         a()
        </script>
    </body>
</html>