Click here for free DL of the app version that can save data.

No:32982

Editor de Texto de Imagens da Galeria
Developer User13367｜Date and time 24/1/2 2:37:00
Build time 17.723 sec｜Game capacity 2.482KB｜

Script

Editor de Texto de Imagens da Galeria

🌄

🏞️

🌇

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
  <head>
    <title>Editor de Texto de Imagens da Galeria</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
      }
      #galleryContainer {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
      .galleryItem {
        width: 200px;
        height: 200px;
        margin: 10px;
        border: 1px solid black;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        cursor: pointer;
      }
      #imageEditor {
        width: 400px;
        height: 400px;
        display: none;
        margin: 20px auto;
        border: 1px solid black;
      }
      #saveButton {
        display: none;
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        font-size: 18px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>Editor de Texto de Imagens da Galeria</h1>
    <div id="galleryContainer">
      <div class="galleryItem" onclick="showEditor('image1')">🌄</div>
      <div class="galleryItem" onclick="showEditor('image2')">🏞️</div>
      <div class="galleryItem" onclick="showEditor('image3')">🌇</div>
    </div>
    <div id="imageEditor"></div>
    <button id="saveButton" onclick="saveImage()">Salvar</button>

function showEditor(image) {
        selectedImage = image;
        document.getElementById("imageEditor").style.display = "block";
        document.getElementById("saveButton").style.display = "block";
        document.getElementById("imageEditor").innerHTML = `
          <textarea id="textEditor" cols="40" rows="10" placeholder="Digite seu texto aqui">

`; } function saveImage() { var text = document.getElementById("textEditor").value; if (text.trim() !== "") { savedImage.push({ image: selectedImage, text: text }); alert("Imagem salva com sucesso!"); resetEditor(); } else { alert("Por favor, digite um texto válido!"); } } function resetEditor() { selectedImage = ""; document.getElementById("imageEditor").innerHTML = ""; document.getElementById("imageEditor").style.display = "none"; document.getElementById("saveButton").style.display = "none"; }