620UI Editor

An editor which can edit any text to anything you like on Roblox.com. Supported on iOS (Stay) and Desktop.
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         620UI Editor
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  An editor which can edit any text to anything you like on Roblox.com. Supported on iOS (Stay) and Desktop.
// @author       620UI
// @match        *://*.roblox.com/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    const style = document.createElement('style');
    style.innerHTML = `
        #ui620-btn-float {
            position: fixed; bottom: 20px; right: 20px; width: 50px; height: 50px;
            background: rgba(0,0,0,0.8); border-radius: 10px; cursor: pointer; z-index: 10000;
            display: flex; align-items: center; justify-content: center; border: 1px solid #444;
        }
        #ui620-panel {
            position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
            width: 280px; background: #111; border-radius: 12px; padding: 20px;
            display: none; z-index: 10001; border: 1px solid #333; color: white;
            font-family: sans-serif; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.8);
        }
        .ui-btn {
            width: 100%; padding: 10px; margin-top: 10px; border-radius: 6px;
            border: none; cursor: pointer; font-weight: bold; background: #222; color: #fff;
        }
        .active { background: #802020 !important; }
    `;
    document.head.appendChild(style);

    const btn = document.createElement('div');
    btn.id = 'ui620-btn-float';
    btn.innerHTML = '<span style="color:white; font-size:20px;">620</span>';
    document.body.appendChild(btn);

    const panel = document.createElement('div');
    panel.id = 'ui620-panel';
    panel.innerHTML = `
        <h2 style="margin:0 0 15px 0;">620UI Editor</h2>
        <button id="edit-mode" class="ui-btn">Enable Editing</button>
        <button id="close-620" class="ui-btn" style="background:#444;">Close</button>
    `;
    document.body.appendChild(panel);

    let isEditing = false;

    btn.onclick = () => { panel.style.display = (panel.style.display === 'block') ? 'none' : 'block'; };
    document.getElementById('close-620').onclick = () => { panel.style.display = 'none'; };

    document.getElementById('edit-mode').onclick = function() {
        isEditing = !isEditing;
        document.designMode = isEditing ? "on" : "off";
        this.innerHTML = isEditing ? "Stop Editing" : "Enable Editing";
        this.classList.toggle('active', isEditing);
    };
})();