You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

You may want copy & paste images just like Microsoft Word, you can simply do it by adding paste in plugin and paste_as_text=true, paste_as_image=true

<!DOCTYPE html>
<html>
<header>
	<title>TEST</title>
	<link rel="stylesheet" type="text/css" href="/css/content.css"/><header>
	<script src="/js/tinymce/tinymce.min.js" referrerpolicy="origin"></script>
	<script>
			tinymce.init({
			  selector:'textarea',
			  content_style: 'body { font-size: 10pt; font-family: 맑은 고딕체,Calibri,Arial,Sans-serif;; }',
			  plugins: 'nonbreaking autoresize paste',
			  nonbreaking_force_tab: true,
			  forced_root_block: false,
			  autoresize_on_init: false,
			  paste_as_text: true,
			  paste_as_image: true,
			  resize: 'both'
			});
    	});
	</script>
</header>
<body>
<texarea cols=60 rows=10>
Try paste image from your clipboard
</textarea>
</body>

</html>

You may wonder where to store the pasted image, and will found that is pasted as a part of HTML content. It will be something like below:

Try paste image from your clipboard <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAABrCAYAAACffRcyAAAgAElEQVR4Aey9Z3Rc13nvjfuu3Fw7cmznOpZIovdOEGAFO3rH9AEGgzaYwWBm0IhG9MICgp1i7713EL33SlKSbbkkdorjLNuJJbdYsmRbzv9dzz6zgYMhKEpOPtysZay1tfcpgMDzw9OffcYOf/76H/EE7P5H/JZ//iXxZ1D/Q/4I/gzqz6D+hzyB/yG/pt0Pf/hD/Hn8v/8M7MZnJrDYmJidhHgsdo/4nPjexdaTT6dAg1/jx+Jz/BrN4uuvWk89m37l/XSPeEw/ncHUU+Hc7NNpPHs2jW9+65sYGhlDRWUlrt27j4c9veiemMKxqzfx5tnzMJrzUVRWgtC1qxAUFIDo6Dg07N8PfV4eZKo0HL/3GH3T30Dp9hqk5xbj6oNWjE6PY3RsAIOjgxgaHcLI6DCbaT38OcZLQYkhfJa1+CG/ai1+8C+7V3zPf8daDImtnwpwCdbM81mMTk3gzp1baKyvxbEzZ3Hl3iPsO34K+0+eRvORkzh0+gwqG3eiYd9BFJdtR0FVDUprGqBKz0B6ugZytRKNJ47iWlsHWo4dh0ythqm0AmfuPMLDngEMjI1ieGyYwSFInxvU2PQ4FhufBc6fcs/LwHze8/8d8GaezuDZ82foGR7EmcuXsW9vMxobqnHi0iU0tbTAZDZCKktCdFQUwiO2QiKTIk4qQVRUFGQpSmSYc5FuMiLdkAejJR/GbcUoqq5FbnEJZColdEWlOHWvHTefdKG1qwOjEyP/dVC2D30xeOJztvfbPmjb67bHtvfbHr8KBN3/qnvE120liq4RqMGhIVy5dxfHTp9EQ1M96nc0oaZ5FwpKi6HRqhERvgFhm0IRHx+NsLAt2LxlI9aFBCLYzwsrlvti87q1iI1PRlRMDGKiIyCRJiIhMRbhW9YjKj4Oe0+dw5PRcfSSmhsR1J8gUYOfT/WJH/5/ZW37oD8vGPH300MUH39eKGJA4vXUM8FOTj2dxRSBmp3C/YePcP3RIxw4fBBllRUoqa1GXnEBcix5MBZZkCBNQETYJqxdHYzQtSsRtmUdwjevxqoV/nB3d4KHhxO8vVzh7+uBVUF+2Lw+GBGbVyF0TRADuWFDKEoq63CvrR2jk2MYsdqqoVEBFEEbHHu1vbL7r8D5tO+1BWV7bAviVcfiB/6nr0kKp0GgJqfHMf1sCvfaHuPS7ZvY1dIMY4EJqnQN0nVZ0Gakw2DMRUa2FmFhGxG83BfBy30Q6OcOHy8n+Hg6w9PdCW6ujnBzdYCrmwPcPJzg5+uGgAB3rF4VhM3r12CFvw/WrVyLyp170D44jJGJMYyOj2BkfIQ5GATpM4EanRqD7RiZHMXY5BhGJ2gexfjkGMZfYss4LFsQf+oxB2YLg59/2Wx7/8uPpzH97CmmZ6cwMDaAczcu4fiZU9h7eD+qGmqQl29BtkEPXb4JWoMOmsw0rFq9Aj5ervD1coWnqyPcXRzg4eIIDzcnuFuHt6cbfLzc4eXuhEB/D6wOXo61K4Owaf1qbFkfivi4GJgLC3D87HncfNSKroF+DI2PYnCcvMBXq0E7DonAcDiM+NgwRsaGGX0CNWYDlAPisy0Yfp7PttdtH/irrr/8wS90+21/7vz3zXt5Y1OTGJoax60H99C0ayfKq6ugN+ci26BDliEH6UY9UnWZSNWmITxsC5YH+sLTwxleni5wdbaHi7MD3J0d4eXhCk93Z7i5OMLL0x3Lg/zh6+sOL09nLA/wZt+3evUKRG5Zj61rVyA6fDOMpjzs2rMbtx7ex/0nrRhmDsZnAMUgEAiSHtEYHRM8FPL12XkbUBwwzRyGeBY/+JedF99j+4A/7Xj+4QuQFjumn81/hnB9EmSj6Nyl65exe/8eNDQ1oKS0CFlGA9L12VCnqREVE4mIqDBs3boZG9avRUiQPwL8PeHj7QYPDxcmQW6uTvD2dEVggA+8
  • No labels