엔터프라이즈 비주얼 HTML 에디터 프리미엄

HTML 소스 코드

<div style="max-width: 600px; margin: 20px auto; padding: 30px; background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.05);">
    <h2 style="color: #1e293b; margin-bottom: 8px;">🔒 완벽한 작동 제어 및 내보내기</h2>
    <p style="color: #64748b; margin: 10px 0 20px 0; line-height: 1.6;">아래 실행 버튼을 눌러보세요. 브라우저 기본 작동이 완전히 차단된 상태에서 팝업이 안전하게 뜹니다.</p>
    
    <div style="display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 20px;">
        <a href="https://www.google.com" target="_blank" class="editable-element" style="display: inline-flex; align-items: center; justify-content: center; background-color: #1A283C; color: white; border: none; height: 46px; border-radius: 8px; font-weight: bold; text-decoration: none; resize: both; overflow: auto; width: 150px; text-align: center;">구글 링크 버튼</a>
        <button class="editable-element" onclick="alert('정상 실행 메시지!')" style="display: inline-flex; align-items: center; justify-content: center; background-color: #FF6B00; color: white; border: none; height: 46px; border-radius: 8px; font-weight: bold; cursor: pointer; resize: both; overflow: auto; width: 150px;">스크립트 버튼</button>
    </div>
</div>

요소 제어 시스템