<div id="imageEditor"></div> <script> $("#imageEditor").kendoImageEditor({ messages: { toolbar: { open: "Open Image", save: "Save Image", undo: "Undo", redo: "Redo", crop: "Crop", resize: "Resize", zoomIn: "Zoom In", zoomOut: "Zoom Out", zoomDropdown: "Zoom options", zoomActualSize: "Show actual size", zoomFitToScreen: "Fit to screen" }, panes: { crop: { title: "Crop Image", aspectRatio: "Aspect Ratio:", aspectRatioItems: { "originalRatio": "Original ratio", "1:1": "1:1 (Square)", "4:5": "4:5 (8:10)", "5:7": "5:7", "2:3": "2:3 (4:6)", "16:9": "16:9" }, orientation: "Orientation:", portrait: "Portrait", landscape: "Landscape" }, resize: { title: "Resize image", pixels: "Pixels", percents: "Percents" } }, common: { width: "Width:", height: "Height:", cancel: "Cancel", confirm: "Confirm", lockAspectRatio: "Lock aspect ratio" } } }); </script>