Coder Social home page Coder Social logo

editor's Introduction

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

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/

editor's People

Watchers

James Cloos avatar Woody avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.