WDE: Web based editor for several programming languages

Recommend this page to a friend!
  Info   Demos   Screenshots Screenshots   View files View files (41)   DownloadInstall with Composer Download .zip   Reputation   Support forum (3)   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 211 All time: 235 This week: 3Up
Version License JavaScript version Categories
web-dev-editor 1.0.186MIT/X Consortium ...3HTML, Content management, Files and F...
Description Author

This package implements a Web based editor for several programming languages.

It implements a code editor on top of the ACE editor library.

With the help of some PHP code on the server side it can implement user access restriction with user name and password, file uploading and live SQL file testing for Microsoft SQL server and MySQL.

Innovation Award
JavaScript Programming Innovation award nominee
April 2015
Number 2


Prize: One year server license IP to country, region, city, latitude, longitude, ZIP code, time zone, area code database
Web based code editors are useful to allow developers to work on remote projects via the Web. ACE is one of such Web base code editors.

This package implements an integration with the ACE editor. Among other things, it can perform live testing of SQL queries with some server side PHP integration.

Manuel Lemos
Picture of Andras Toth
  Performance   Level  
Name: Andras Toth <contact>
Classes: 22 packages by
Country: Hungary Hungary
Age: 49
All time rank: 31 in Hungary Hungary
Week rank: 1 Up
Innovation award
Innovation award
Nominee: 15x

Winner: 9x

Details

Web Dev Editor

Web Dev Editor / [WDE] / is a Developer text editor for a PHP based web server.

  • Very simple usage
  • Some importan options
  • Quick implementation
  • Multiple users

Each user can be assigned:

  • User name
  • Password
  • Path to library for editing allowed

[WDE] - Online Demo [Video] - Short Video demo

<img src = "capture.jpg" width="640" height="360"/>

Version

2.0.0 beta

  • Removed ACE source from this repo
  • Added PHP, Javascript procedures. This Running once at the first launch. It is Download and decompress ACE source from GitHub repo.
  • Replaced PNG icons to Icon-Fonts
  • Util.js modified
  • Some invisible modification

Version

1.4.0 beta

  • Add new function, Create zip file from file or folder
  • Some invisible modification

Version

1.3.0 beta

  • Scalable windows
  • Some invisible modification - refactor etc.

Version

1.2.0 beta

  • Add SQL testing (Left Alt+R execute SQL query)
  • Add db connection options to config.php
  • Include SqlFuncProc php class modified version
  • some minor modification

2015-04-10

Version

1.0.0 beta

Compatibility - tested

  • IE 10 or above
  • Chrome
  • Firefox

Requirements

  • PHP Web server 5.5 or above

Installation

  • Copy whole folder (editor) to your web server.
  • Fill the config.php with yours details .

Usage

  • Check out the help on the popup window after login
  • Check out [ACE] editor options

config.php - users, passwords, paths configurations

<?php
class Users
{
    // user_password: password_hash('user_password', PASSWORD_DEFAULT);
    private $users = array(
                'user_name' => array(
                    'password' => 'user_password',
                    'path' => 'path to the allowed folder',
                    'SQL' => array(
                        'conn' => 'mysql:host=YOUR_HOST;dbname=YOUR_DBNAME;charset=utf8',
                    //  'conn' => 'sqlsrv:Server=YOUR_SERVERNAME;Database=YOUR_DBNAME',
                        'user' => 'DB_USER',
                        'pass' => 'DB_USER_PASSWORD'
                    )
                )
                // More users -> 
            );

?>

editor.js

/key configurations (LEFT ALT)/
var keys = (function() {
    return {
        MODIFIER_KEY_ALLOW: 'altKey',
        MODIFIER_KEY_DENY: 'ctrlKey',
        COPY_FILE: 'C'.charCodeAt(0),
        PASTE_FILE: 'V'.charCodeAt(0),
        SAVE_FILE: 'S'.charCodeAt(0),
        TOGGLE_BROWSE_DIALOG: 'O'.charCodeAt(0),
        NEXT_TAB: 'D'.charCodeAt(0),
        PREV_TAB: 'A'.charCodeAt(0),
        CLOSE_TAB: 'Q'.charCodeAt(0),
        ADD_NEW_TAB: 'N'.charCodeAt(0),
        TOGGLE_HELP_WINDOW: 'H'.charCodeAt(0),
        EXECUTE_SQL: 'R'.charCodeAt(0)
    };
})();

/Execute Editor/
WDE.Init('ace-theme', 'path to the allowed folder');

Used plugins, frameworks etc:

  • [ACE] High performance code editor

License

MIT Author: Tóth András

http://atandrastoth.co.uk/

2015-04-01 [Video]:http://atandrastoth.co.uk/main/pages/plugins/webeditor/ [WDE]:http://editor.atandrastoth.co.uk/ [ACE]:http://ace.c9.io/

Screenshots  
  • capture.png
  • WDE.PNG
  • wdeV2
  Files folder image Files  
File Role Description
Files folder imagecss (4 files, 2 directories)
Files folder imagejs (2 files)
Files folder imagesql_func_proc (1 file)
Accessible without login Image file capture.jpg Icon Icon image
Accessible without login Plain text file com.php Data Auxiliary data
Accessible without login Plain text file config.php Data Auxiliary data
Accessible without login Plain text file Important.txt Doc. missing files
Accessible without login Plain text file index.php Data Auxiliary data
Accessible without login Plain text file README.md Data Auxiliary data

  Files folder image Files  /  css  
File Role Description
Files folder imagefonts (1 file)
Files folder imageicons (27 files)
  Accessible without login Plain text file fonts.css Data Auxiliary data
  Accessible without login Plain text file loader.css Data Auxiliary data
  Accessible without login Plain text file reset-stylesheet.css Data Auxiliary data
  Accessible without login Plain text file style.css Data Auxiliary data

  Files folder image Files  /  css  /  fonts  
File Role Description
  Accessible without login Plain text file editor.svg Data Auxiliary data

  Files folder image Files  /  css  /  icons  
File Role Description
  Accessible without login Image file ace-tab.png Icon Icon image
  Accessible without login Image file android-icon-144x144.png Icon Icon image
  Accessible without login Image file android-icon-192x192.png Icon Icon image
  Accessible without login Image file android-icon-36x36.png Icon Icon image
  Accessible without login Image file android-icon-48x48.png Icon Icon image
  Accessible without login Image file android-icon-72x72.png Icon Icon image
  Accessible without login Image file android-icon-96x96.png Icon Icon image
  Accessible without login Image file apple-icon-114x114.png Icon Icon image
  Accessible without login Image file apple-icon-120x120.png Icon Icon image
  Accessible without login Image file apple-icon-144x144.png Icon Icon image
  Accessible without login Image file apple-icon-152x152.png Icon Icon image
  Accessible without login Image file apple-icon-180x180.png Icon Icon image
  Accessible without login Image file apple-icon-57x57.png Icon Icon image
  Accessible without login Image file apple-icon-60x60.png Icon Icon image
  Accessible without login Image file apple-icon-72x72.png Icon Icon image
  Accessible without login Image file apple-icon-76x76.png Icon Icon image
  Accessible without login Image file apple-icon-precomposed.png Icon Icon image
  Accessible without login Image file apple-icon.png Icon Icon image
  Accessible without login Image file favicon-16x16.png Icon Icon image
  Accessible without login Image file favicon-32x32.png Icon Icon image
  Accessible without login Image file favicon-96x96.png Icon Icon image
  Accessible without login Image file favicon.ico Data Auxiliary data
  Accessible without login Image file ms-icon-144x144.png Icon Icon image
  Accessible without login Image file ms-icon-150x150.png Icon Icon image
  Accessible without login Image file ms-icon-310x310.png Icon Icon image
  Accessible without login Image file ms-icon-70x70.png Icon Icon image
  Accessible without login Plain text file wde.svg Data Auxiliary data

  Files folder image Files  /  js  
File Role Description
  Plain text file editor.js Class Class source
  Plain text file util.js Class Class source

  Files folder image Files  /  sql_func_proc  
File Role Description
  Accessible without login Plain text file sqlfuncproc.php Data Auxiliary data

 Version Control Unique User Downloads Download Rankings  
 90%
Total:211
This week:0
All time:235
This week:3Up