Skip to content

Testing the Monaco Editor in Angular 12 with a custom Library

Notifications You must be signed in to change notification settings

Thisura98/monaco-angular-test

Repository files navigation

MonacoAngularTest

Integrates the Monaco Editor (editor used in Visual Studio Code) successfully inside Angular. This is also a proof of concept, for loading a custom 'javascript library' for auto completion.

The custom library loaded

/**
 * The System
 */
 const Edge = {
    /**
     * The Main Game
     */
    Game: {
        /**
         * Move to another level
         * @param {string} level 
         */
        moveToLevel: function(level){

        }
    }
}

Guide

The ngx-monaco-editor library was used to to integrate the editor into an Angular Component.

Some of the main references used to load a custom library was the an official example from Microsoft.

About

Testing the Monaco Editor in Angular 12 with a custom Library

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published