Revise paste Testing

<!DOCTYPE html>
<html>
  <head>
    <title>Pro Code Editor</title>
    <meta http-equiv="x-ua-compatible" content="ie=11">
    <meta charset="utf-8"> 
    <hta:application id="app" applicationname="ProEditor" scroll="no" singleinstance="yes"></hta:application>

.dropdown { display: none; position: absolute; top: 25px; left: 0; background: #282a36; border: 1px solid #44475a; min-width: 185px; z-index: 9999; }
      .menu-item:hover .dropdown { display: block; }
      .dropdown a { color: #f8f8f2; padding: 5px 12px; text-decoration: none; display: block; font-size: 11px; border-bottom: 1px solid #343746; white-space: nowrap; }
      .dropdown a:hover { background: #6272a4; }

#currentFileName { float: right; line-height: 25px; font-size: 10px; font-style: italic; padding-right: 10px; color: #6272a4; }
      #saveStatus { float: right; line-height: 25px; font-size: 10px; font-weight: bold; padding-right: 15px; }
      .CodeMirror { height: calc(100vh - 25px) !important; font-size: 13px; }

.check { display: inline-block; width: 15px; color: #50fa7b; font-weight: bold; }
      .recovery-alert { color: #ff5555; font-weight: bold; }

.CodeMirror-activeline-background { background: #3d3f4d !important; }
      .cm-matchhighlight { background-color: #6272a4 !important; }
      .diff-added { background-color: rgba(80, 250, 123, 0.3); border-bottom: 1px dashed #50fa7b; }

.CodeMirror-dialog { position: absolute; left: 0; right: 0; top: 0; background: #282a36; color: #f8f8f2; padding: 5px 10px; border-bottom: 2px solid #bd93f9; z-index: 1000; font-size: 12px; font-family: sans-serif; }
      .CodeMirror-dialog input { background: #1e1f29; color: #50fa7b; border: 1px solid #6272a4; margin: 0 5px; outline: none; padding: 2px; }

/* PasteBin Modal Styles */
      .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 2000; }
      .modal-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #282a36; border: 2px solid #6272a4; color: #f8f8f2; padding: 20px; width: 400px; font-family: 'Segoe UI', sans-serif; box-shadow: 0px 0px 15px #000; }
      .modal-title { font-size: 16px; font-weight: bold; margin-bottom: 15px; color: #50fa7b; border-bottom: 1px solid #44475a; padding-bottom: 5px; }
      .modal-box label { display: block; font-size: 11px; margin-top: 10px; color: #8be9fd; }
      .modal-box input, .modal-box select { width: 100%; box-sizing: border-box; background: #1e1f29; color: #f8f8f2; border: 1px solid #44475a; padding: 5px; margin-top: 5px; outline: none; }
      .modal-buttons { margin-top: 20px; text-align: right; }
      .btn { background: #44475a; color: #f8f8f2; border: 1px solid #6272a4; padding: 5px 15px; cursor: pointer; margin-left: 10px; }
      .btn:hover { background: #6272a4; }
      .btn-primary { background: #50fa7b; color: #282a36; border: 1px solid #50fa7b; font-weight: bold; }
      .btn-primary:hover { background: #8be9fd; }
    </style>

<div id="menubar">
      <div class="menu-item">File
        <div class="dropdown">
          <a href="#" onclick="newFile()">New</a>
          <a href="#" onclick="showOpenDialog()">Open</a>
          <a href="#" onclick="saveFile()">Save</a>
          <a href="#" onclick="window.close()">Exit</a>
        </div>
      </div>
      <div class="menu-item">Edit
        <div class="dropdown">
          <a href="#" onclick="myCodeEditor.undo()">Undo</a>
          <a href="#" onclick="myCodeEditor.redo()">Redo</a>
        </div>
      </div>
      <div class="menu-item">Find
        <div class="dropdown">
          <a href="#" onclick="doFind('find')">Find (Ctrl+F)</a>
          <a href="#" onclick="doFind('findNext')">Find Next (F3)</a>
          <a href="#" onclick="doFind('findPrev')">Find Prev (Shift+F3)</a>
          <a href="#" onclick="doFind('replace')">Replace (Ctrl+H)</a>
          <a href="#" onclick="doFind('replaceAll')">Replace All</a>
        </div>
      </div>
      <div class="menu-item">View
        <div class="dropdown">
          <a href="#" onclick="toggleWordWrap()"><span id="wrapCheck" class="check"></span> Word Wrap</a>
          <a href="#" onclick="toggleActiveLine()"><span id="activeLineCheck" class="check"></span> Highlight Active Line</a>
          <a href="#" onclick="toggleMatchHighlight()"><span id="matchCheck" class="check"></span> Word Highlighting</a>
          <hr style="border:0; border-top:1px solid #44475a; margin:4px 0;">
          <a href="#" onclick="myCodeEditor.execCommand('foldAll')">Fold All</a>
          <a href="#" onclick="myCodeEditor.execCommand('unfoldAll')">Unfold All</a>
          <hr style="border:0; border-top:1px solid #44475a; margin:4px 0;">
          <a href="#" onclick="clearDiffHighlights()" style="color: #50fa7b;">Clear Diff Highlights</a>
        </div>
      </div>
      <div class="menu-item">PasteBin
        <div class="dropdown">
          <a href="#" onclick="openModal('pbSettingsModal')">Settings</a>
          <a href="#" onclick="alert('Paste Fetching & Listing UI coming next!')">My Pastes</a>
          <a href="#" onclick="openModal('pbCommitModal')">Commit (Save)</a>
        </div>
      </div>
      <div class="menu-item">Tools
        <div class="dropdown">
          <a href="#" onclick="formatCode()">Format / Auto-Indent Code</a>
        </div>
      </div>
      <div class="menu-item">Language (<span id="activeLang">None</span>)
        <div class="dropdown">
          <a href="#" onclick="setLang('null','None')">Plain Text</a>
          <a href="#" onclick="setLang('javascript','JS')">JavaScript</a>
          <a href="#" onclick="setLang('vbscript','VBS')">VBScript</a>
          <a href="#" onclick="setLang('commonlisp','LISP')">AutoLISP</a>
          <a href="#" onclick="setLang('htmlmixed','HTML/HTA')">HTML/HTA</a>
        </div>
      </div>
      <span id="currentFileName">Untitled</span>
      <span id="saveStatus"></span>
    </div>