Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

Apache

System:

Linux 4.18.0-553.100.1.el8_10.x86_64

PHP Version:

7.2.34

User:

jaindirectory

Directory:

/home/jaindirectory/www/assets/libraries/codemirror/demo

Free Space:

30.5 GB

🔧 Quick Actions

✏️ Editing: panel.html

<!doctype html>

<title>CodeMirror: Panel Demo</title>

.border {

border: 1px solid #f7f7f7;

}

.add-panel {

background: orange;

padding: 3px 6px;

color: white !important;

border-radius: 3px;

}

.add-panel, .remove-panel {

cursor: pointer;

}

.remove-panel {

float: right;

}

.panel {

background: #f7f7f7;

padding: 3px 7px;

font-size: 0.85em;

}

.panel.top, .panel.after-top {

border-bottom: 1px solid #ddd;

}

.panel.bottom, .panel.before-bottom {

border-top: 1px solid #ddd;

}

</style>

<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../doc/logo.png"></a>

<ul>

<li><a href="../doc/manual.html">Manual</a>

</ul>

<ul>

<li><a class=active href="#">Panel</a>

</ul>

</div>

<h2>Panel Demo</h2>

</div>

<p>

The <a href="../doc/manual.html#addon_panel"><code>panel</code></a>

addon allows you to display panels above or below an editor.

<br>

Click the links below to add panels at the given position:

</p>

<p>

<a class="add-panel" onclick="addPanel('after-top')">after-top</a>

<a class="add-panel" onclick="addPanel('before-bottom')">before-bottom</a>

<a class="add-panel" onclick="addPanel('bottom')">bottom</a>

</p>

<p>

You can also replace an existing panel:

</p>

</form>

var textarea = document.getElementById("code");

var demo = document.getElementById("demo");

var numPanels = 0;

var panels = {};

var editor;

textarea.value = demo.innerHTML.trim();

editor = CodeMirror.fromTextArea(textarea, {

lineNumbers: true,

mode: "htmlmixed"

});

function makePanel(where) {

var node = document.createElement("div");

var id = ++numPanels;

var widget, close, label;

node.id = "panel-" + id;

node.className = "panel " + where;

close = node.appendChild(document.createElement("a"));

close.setAttribute("title", "Remove me!");

close.setAttribute("class", "remove-panel");

close.textContent = "✖";

CodeMirror.on(close, "click", function() {

panels[node.id].clear();

});

label = node.appendChild(document.createElement("span"));

label.textContent = "I'm panel n°" + id;

return node;

}

function addPanel(where) {

var node = makePanel(where);

panels[node.id] = editor.addPanel(node, {position: where});

}

addPanel("top");

addPanel("bottom");

function replacePanel(form) {

var id = form.elements.panel_id.value;

var panel = panels["panel-" + id];

var node = makePanel("");

panels[node.id] = editor.addPanel(node, {replace: panel, position: "after-top"});

return false;

}

</script>

</div>

</article>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: panel.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation