jonathanborges/tinymce.html

## tinymce.html
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>TinyMCE Upload Base64Image</title>
	<script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>
	<script>
		tinymce.init({
		  selector: 'textarea',
		  height: 500,
		  toolbar: 'mybutton',
		  menubar: false,
		  setup: function (editor) {
		    editor.addButton('mybutton', {
		      text: 'Inserir Imagem',
		      icon: false,
		      onclick: function () {
		        var el = document.createElement('input');
		        el.setAttribute('type', 'file');
		        el.style.display = 'none';
		        document.body.appendChild(el);
		        el.addEventListener('change', function(event) {
		        	var reader = new FileReader();
   					reader.readAsDataURL(event.target.files[0]);
   					reader.onload = function () {
				    	editor.insertContent('<img src="'+reader.result+'">');
				   	};
		        });
		        el.click();
		      }
		    });
		  },
		  content_css: []
		});
	</script>
</head>
<body>
	<textarea cols="30" rows="30"></textarea>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>TinyMCE Upload Base64Image</title>
	<script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>
	<script>
	tinymce.init({
	selector: 'textarea',
	height: 500,
	toolbar: 'mybutton',
	menubar: false,
	setup: function (editor) {
	editor.addButton('mybutton', {
	text: 'Inserir Imagem',
	icon: false,
	onclick: function () {
	var el = document.createElement('input');
	el.setAttribute('type', 'file');
	el.style.display = 'none';
	document.body.appendChild(el);
	el.addEventListener('change', function(event) {
	var reader = new FileReader();
	reader.readAsDataURL(event.target.files[0]);
	reader.onload = function () {
	editor.insertContent('<img src="'+reader.result+'">');
	};
	});
	el.click();
	}
	});
	},
	content_css: []
	});
	</script>
	</head>
	<body>
	<textarea cols="30" rows="30"></textarea>
	</body>
	</html>