Convert Figma logo to code with AI

kalcaddle logoKodExplorer

A web based file manager,web IDE / browser based code editor

6,297
1,842
6,297
2

Top Related Projects

📂 Web File Browser

Single-file PHP file manager, browser and manage your files efficiently and easily with tinyfilemanager

8,509

:cloud: ownCloud web server core (Files, DAV, etc.)

29,372

☁️ Nextcloud server, a safe home for all your data

✨☁️📁✨ Cloud Commander file manager for the web with console and editor.

28,450

Glances an Eye on your system. A top/htop alternative for GNU/Linux, BSD, Mac OS and Windows operating systems.

Quick Overview

KodExplorer is an open-source, web-based file manager and code editor. It provides a user-friendly interface for managing files and directories, as well as editing code directly in the browser. KodExplorer is designed to be easily deployable and customizable, making it suitable for various use cases, from personal file management to team collaboration.

Pros

  • User-friendly interface with drag-and-drop functionality
  • Built-in code editor with syntax highlighting for multiple languages
  • Supports multiple file operations (copy, move, rename, delete, etc.)
  • Customizable themes and plugins for extended functionality

Cons

  • May have security vulnerabilities if not properly configured
  • Limited documentation and community support compared to more popular alternatives
  • Some features may require additional setup or plugins
  • Performance may degrade with large file systems or concurrent users

Getting Started

To set up KodExplorer on your web server:

  1. Download the latest release from the GitHub repository.
  2. Extract the files to your web server's document root or a subdirectory.
  3. Ensure the web server has write permissions for the KodExplorer directory.
  4. Access the installation page through your web browser (e.g., http://your-domain.com/kodexplorer/).
  5. Follow the on-screen instructions to complete the installation.
  6. Log in with the default credentials (admin/admin) and change the password immediately.
# Example commands for setting up KodExplorer on a Linux server with Apache
wget https://github.com/kalcaddle/KodExplorer/archive/refs/tags/4.49.zip
unzip 4.49.zip
mv KodExplorer-4.49 /var/www/html/kodexplorer
chown -R www-data:www-data /var/www/html/kodexplorer
chmod -R 755 /var/www/html/kodexplorer

After installation, you can customize KodExplorer by modifying the configuration files in the config directory and adding plugins or themes to enhance functionality.

Competitor Comparisons

📂 Web File Browser

Pros of filebrowser

  • Lightweight and fast, with a clean and modern interface
  • Built-in user management and authentication system
  • Supports multiple storage backends (local, S3, Google Drive)

Cons of filebrowser

  • Limited file editing capabilities compared to KodExplorer
  • Fewer built-in tools and integrations
  • Less extensive customization options

Code comparison

KodExplorer (PHP):

function path_readable($path){
    $result = intval(is_readable($path));
    if($result){
        $result = intval(is_readable($path.'/'));
    }
    return $result;
}

filebrowser (Go):

func (d *Dir) Readable() bool {
    _, err := os.Open(d.Path)
    return err == nil
}

Both projects implement file system operations, but KodExplorer uses PHP while filebrowser is written in Go. KodExplorer's function checks both file and directory readability, while filebrowser's method only checks if the directory can be opened.

filebrowser offers a more modern and lightweight solution with better user management, while KodExplorer provides more extensive file editing and customization options. The choice between the two depends on specific requirements and preferences for file management and editing capabilities.

Single-file PHP file manager, browser and manage your files efficiently and easily with tinyfilemanager

Pros of tinyfilemanager

  • Lightweight and simple, requiring minimal server resources
  • Single-file PHP script, making it easy to deploy and integrate
  • Supports multiple languages and themes out of the box

Cons of tinyfilemanager

  • Limited advanced features compared to KodExplorer's rich functionality
  • Less polished user interface and design
  • Fewer built-in tools for file editing and management

Code Comparison

KodExplorer (JavaScript):

core.upload = function(param){
    var fileInput = param.fileInput || '.path-input-file';
    var dragArea = param.dragArea || '.drag-upload-box';
    var dropArea = param.dropArea || '.drop-upload-box';
    // ... (additional code)
};

tinyfilemanager (PHP):

function fm_upload_file($destination, $fileInfo, $config)
{
    $uploaded = move_uploaded_file($fileInfo['tmp_name'], $destination);
    if ($uploaded) {
        // ... (additional code)
    }
    return $uploaded;
}

The code snippets show different approaches to file uploading. KodExplorer uses JavaScript for client-side handling, while tinyfilemanager relies on PHP for server-side processing. KodExplorer's implementation appears more flexible, supporting both file input and drag-and-drop uploads, whereas tinyfilemanager's function focuses on moving the uploaded file to its destination.

8,509

:cloud: ownCloud web server core (Files, DAV, etc.)

Pros of ownCloud

  • More comprehensive file management and collaboration features
  • Larger community and ecosystem with extensive plugin support
  • Better suited for enterprise-level deployments and scalability

Cons of ownCloud

  • Heavier resource requirements and more complex setup
  • Steeper learning curve for administrators and end-users
  • Less focus on web-based file editing and management

Code Comparison

ownCloud (PHP):

<?php
namespace OCA\Files\Controller;

use OCP\AppFramework\Controller;
use OCP\IRequest;

class ViewController extends Controller {
    public function __construct($appName, IRequest $request) {
        parent::__construct($appName, $request);
    }
}

KodExplorer (PHP):

<?php
class explorerController extends Controller {
    function __construct() {
        parent::__construct();
    }
    
    public function index() {
        $this->display('index.html');
    }
}

Both projects use PHP and follow an MVC architecture. ownCloud's code structure is more modular and namespace-oriented, while KodExplorer's approach is simpler and more straightforward. ownCloud's codebase is generally larger and more complex, reflecting its broader feature set and enterprise focus.

29,372

☁️ Nextcloud server, a safe home for all your data

Pros of Nextcloud

  • More comprehensive feature set, including calendar, contacts, and collaboration tools
  • Larger and more active community, resulting in frequent updates and better support
  • Enhanced security features and compliance with various regulations (e.g., GDPR)

Cons of Nextcloud

  • Higher system requirements and potentially more complex setup process
  • Steeper learning curve for administrators and end-users
  • May be overkill for simple file management needs

Code Comparison

KodExplorer (PHP):

public function pathInit(){
    $this->path = $this->in['path'];
    $this->path = str_replace('\\','/',$this->path);
    $this->path = preg_replace('/\.\.+\//','',$this->path);
    $this->path = preg_replace('/\/{2,}/','/',$this->path);
}

Nextcloud (PHP):

public function getPath(): string {
    $path = $this->request->getParam('path', '/');
    $path = \OC\Files\Filesystem::normalizePath($path);
    return $path;
}

Both projects use PHP for backend functionality. KodExplorer's code appears to handle path normalization manually, while Nextcloud utilizes a built-in filesystem normalization function. Nextcloud's code is more concise and likely benefits from additional security checks implemented in the normalizePath function.

✨☁️📁✨ Cloud Commander file manager for the web with console and editor.

Pros of cloudcmd

  • More active development with frequent updates and contributions
  • Supports multiple languages and has a more extensive localization system
  • Offers a built-in terminal for command-line operations

Cons of cloudcmd

  • Less user-friendly interface compared to KodExplorer's more intuitive design
  • Fewer built-in editing features for various file types
  • Steeper learning curve for new users

Code Comparison

KodExplorer (PHP):

function path_clear($path){
    $path = str_replace('\\','/',trim($path));
    $path = preg_replace('/\/+/', '/', $path);
    if (strstr($path,'../')) {
        $path = preg_replace('/\/\.+\//', '/', $path);
    }
    return $path;
}

cloudcmd (JavaScript):

const addSlashToEnd = (path) => {
    if (path.length && path.at(-1) !== sep)
        return `${path}${sep}`;
    
    return path;
};

Both projects aim to provide web-based file management solutions, but they differ in their approach and feature sets. KodExplorer offers a more comprehensive file editing and management system with a user-friendly interface, while cloudcmd focuses on providing a lightweight, customizable file manager with terminal integration. The code snippets demonstrate different approaches to path handling, with KodExplorer using PHP and cloudcmd using JavaScript.

28,450

Glances an Eye on your system. A top/htop alternative for GNU/Linux, BSD, Mac OS and Windows operating systems.

Pros of Glances

  • Cross-platform system monitoring tool with a web-based interface
  • Provides real-time information on CPU, memory, disk, network, and processes
  • Extensible through plugins and supports various export formats

Cons of Glances

  • Focused solely on system monitoring, lacking file management capabilities
  • May require more technical knowledge to set up and configure
  • Limited customization options for the user interface

Code Comparison

Glances (Python):

from glances_api import GlancesApi

glances = GlancesApi(url='http://localhost:61208', username='', password='')
cpu = glances.getCpu()
print(f"CPU usage: {cpu['total']}%")

KodExplorer (PHP):

<?php
include_once(dirname(__FILE__).'/../../config/config.php');
$path = $_GET['path'];
$list = IO::listPath($path);
echo json_encode($list);
?>

Summary

Glances is a powerful system monitoring tool with cross-platform support and a web-based interface. It excels in providing real-time system information but lacks file management capabilities. KodExplorer, on the other hand, is a web-based file manager and IDE with a user-friendly interface. While it offers file management features, it doesn't provide the extensive system monitoring capabilities of Glances. The choice between the two depends on whether you prioritize system monitoring or file management functionality.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

KodExplorer

Update to kodbox: https://github.com/kalcaddle/kodbox

Download | Demo
It is recommended to use a new design upgrade product:kodbox
该项目处于维护阶段,不再开发新功能.推荐使用全新设计升级产品kodbox


Home page GPLV3 License Download

KodExplorer is a file manager for web. It is also a web code editor, which allows you to develop websites directly within the web browser.You can run KodExplorer either online or locally,on Linux, Windows or Mac based platforms. The only requirement is to have PHP 5 available.

Demo [user: demo/demo]


Source code


Features

  • Use experience like operating system, Rich context menu and toolbar, drag and drop, shortcut keys......
  • Available in more than 40 languages.
  • File Manage
    • All operations with files and folders on a remote server(copy,cut,paste,move,remove,upload,create folder/file,rename,etc.)
    • Multi-User support,custom role group.
    • Flexible configuration of access rights,file types restriction, user - interface and other
    • Clipboard: copy, cut, paste, clear
    • Selectable files & folders support (mouse click & Ctrl & Shift & words & Keyboard shortcuts)
    • Keyboard shortcuts: delete deletion, ctrl+A select, ctrl+C replication, ctrl+X splicing, up/down/left/right/home/end etc.
    • Multiple actions support for selected files & folders: move,copy,cute,remove,rename,open,archive,delete,download etc.
    • Double or single click setup to open files & folders
    • Filetree: allow to open and display multiple subfolders at a time
    • Implemented natural sorting on the client-side
    • List,Icons and Split view;
    • Move/Copy/Clone/Delete files with Drag & Drop
    • Share files or folder to others.
    • Add folder to your favorites
    • Calculate directory sizes
    • Thumbnails for image files
    • Normalizer:UTF-8 Normalizer of file-name and file-path etc.
    • Muti Charset support, in a variety of circumstances garbled solution;Sanitizer of file-name and file-path etc.
    • Multiple & chunked uploads support,
    • Background file upload with Drag & Drop HTML5 support;Folder upload with Chrome, Firefox and Edge
    • Upload form URL (or list)
    • Direct extraction to the current working directory (you do not want - to create a folder)
    • Search: search by filename & file contents
    • File exclusion based on name
    • Copy direct file URL
    • Archives create/extract/preview (zip, rar, 7z, tar, gzip, tgz)
    • Quicklook, preview for common file types; image file,text file,pdf,swf,document file etc.
    • Video and audio player relying on web browser capabilities
  • Editor
    • Syntax highlighting for over 120 languages
    • Multiple label, Drag & Drop the label.
    • Over 15 themes,Choose your favorite programming style
    • Web development: HTML/JS/CSS editor with Emmet integrated
    • Automatic indent and outdent;Line wrapping;Code folding
    • Multiple cursors and selections;(Middle key select;Ctrl+Command+G)
    • Autocomplete.
    • Fully customizable key bindings including vim and Emacs modes
    • Search and replace with regular expressions;Highlight matching parentheses
    • Toggle between soft tabs and real tabs
    • Displays hidden characters
    • Drag and drop text using the mouse
    • Live syntax checker (JavaScript/CoffeeScript/CSS/XQuery/HTML/PHP etc.)
    • Cut, copy, and paste functionality
    • Markdown support.(live preview;convert to html etc.)
    • Format: JavaScript/CSS/HTML/JSON/PHP etc.
    • Cross-platform, even on mobile devices
    • Easy to integrate with other systems
    • Developed by kod itself, this is a nice try.

Install

1. Install from source

git clone https://github.com/kalcaddle/KODExplorer.git
chmod -Rf 777 ./KODExplorer/*

2. Install via download

wget https://github.com/kalcaddle/KODExplorer/archive/master.zip
unzip master.zip
chmod -Rf 777 ./*

FAQs

  • Forget password

    Login page: see the "Forget password".

  • Upload with Drag & Drop

    Browser compatibility: Chrome, Firefox and Edge

  • How to make the system more secure?

    Make sure the administrator password is more complex.
    Open login verification code.
    Set the http server to not allow list the directory;
    PHP Security:Set the path for open_basedir.

Screenshot

file manage:

  • Overview Overview
  • File list Type (icon,list,split) File list Type
  • Archives create/extract/preview (zip, rar, 7z, tar, gzip, tgz) Archives create/extract/preview
  • Drag upload Drag upload
  • Player Player
  • Online Office view & Editor Online Office

Editor:

  • Overview Overview
  • Live preview Live preview
  • Search folder Search folder
  • Markdown Markdown
  • Code style Code style

Others:

  • System role System role
  • Colorful Theme Colorful Theme
  • Custom Theme Custom Theme
  • Language Language

Software requirements

  • Server:
    • Windows,Linux,Mac ...
    • PHP 5.0+
    • Database: File system driver;sqlite;mysql;...
  • Browser compatibility:
    • Chrome
    • Firefox
    • Opera
    • IE8+

Tips: It can also run on a router, or your home NAS

Credits

kod is made possible by the following open source projects.

License

kodcloud is issued under GPLv3. license.License
Contact: warlee#kodcloud.com
Copyright (C) 2013 kodcloud.com

版权声明

kodexplorer 使用 GPL v3 协议.