<div class="custom-image-container" contenteditable="false" data-image-url="https://upload.serey.io/images/b670f0f4-8b96-4225-9f34-d3b3f4ca2ab5-1763706337449.jpg" data-alignment="center" data-width="100%" data-selected="false" style="display: block; width: 100%;"><div class="image-outer-container" style="width: 100%; display: flex; justify-content: center; margin: 0px;"><div class="image-wrapper" style="position: relative; display: inline-block; width: 100%; max-width: 100%; border-radius: 4px; overflow: visible; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid transparent;"><div class="image-content-container" style="width: 100%; border-radius: 6px; overflow: hidden; background: rgb(250, 250, 250); display: flex; align-items: center; justify-content: center; border: 2px dashed rgb(211, 211, 211);"><div class="image-upload-area" style="width: 100%; height: 100%; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 40px 20px; text-align: center; cursor: pointer; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);"><div style="display: flex; align-items: center; justify-content: center;"><svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M544 864V672h128L512 480L352 672h128v192H320v-1.6c-5.376.32-10.496 1.6-16 1.6A240 240 0 0 1 64 624c0-123.136 93.12-223.488 212.608-237.248A239.81 239.81 0 0 1 512 192a239.87 239.87 0 0 1 235.456 194.752c119.488 13.76 212.48 114.112 212.48 237.248a240 240 0 0 1-240 240c-5.376 0-10.56-1.28-16-1.6v1.6z"></path></svg></div><div style="font-size: 14px; color: rgb(102, 102, 102); font-weight: 500; margin-bottom: 8px;">Click to upload or drag image here</div><div style="font-size: 12px; color: rgb(153, 153, 153);">Supported formats: JPG, PNG</div><input type="file" accept="image/*" style="display: none;"></div><div class="image-element" style="width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255);"><img src="https://upload.serey.io/images/b670f0f4-8b96-4225-9f34-d3b3f4ca2ab5-1763706337449.jpg" draggable="false" style="max-width: 100%; max-height: 100%; object-fit: contain; display: block; user-select: none;"><div class="image-delete-overlay" style="position: absolute; inset: 0px; background: rgba(0, 0, 0, 0); display: flex; align-items: center; justify-content: center; gap: 8px; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0;"><button class="image-delete-btn-overlay" style="background: rgba(255, 77, 79, 0.85); border: none; border-radius: 50%; padding: 8px 12px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.3s; color: white;"><svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="2em" viewBox="0 0 24 24"><path fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1.5" d="m19.5 5.5l-.62 10.025c-.158 2.561-.237 3.842-.88 4.763a4 4 0 0 1-1.2 1.128c-.957.584-2.24.584-4.806.584c-2.57 0-3.855 0-4.814-.585a4 4 0 0 1-1.2-1.13c-.642-.922-.72-2.205-.874-4.77L4.5 5.5M3 5.5h18m-4.944 0l-.683-1.408c-.453-.936-.68-1.403-1.071-1.695a2 2 0 0 0-.275-.172C13.594 2 13.074 2 12.035 2c-1.066 0-1.599 0-2.04.234a2 2 0 0 0-.278.18c-.395.303-.616.788-1.058 1.757L8.053 5.5m1.447 11v-6m5 6v-6"></path></svg></button></div></div></div><div class="image-resize-handle left" style="position: absolute; left: -10px; top: 50%; transform: translateY(-50%); width: 28px; height: 70px; background: rgb(255, 255, 255); border: 1px solid rgb(217, 217, 217); cursor: ew-resize; display: none; z-index: 10; align-items: center; justify-content: center; transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: auto;"><svg width="12" height="20" viewBox="0 0 12 20" fill="#1890ff"><path d="M8 2L2 10l6 8" stroke="#1890ff" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div class="image-resize-handle right" style="position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 28px; height: 70px; background: rgb(255, 255, 255); border: 1px solid rgb(217, 217, 217); cursor: ew-resize; display: none; z-index: 10; align-items: center; justify-content: center; transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: auto;"><svg width="12" height="20" viewBox="0 0 12 20" fill="#1890ff"><path d="M4 2l6 8-6 8" stroke="#1890ff" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div class="toolbar-container" data-toolbar-id="1763706337954" style="position: absolute; top: -50px; left: 50%; transform: translateX(-50%); display: none; z-index: 1000; pointer-events: auto; animation: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running toolbarSlideIn;"></div></div></div></div><p><br></p>

Laughing Doll

Vuthy

Comments

Serey is utilizing Blockchain technology

Vuthy

Comments