Created on 02 February 2022
icon_unfollowing
Login to follow
ace-reactive-code-editor

Ace Reactive Code Editor

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded on 03 February 2022 by 
ace-reactive-code-editor

Ace Reactive Code Editor

Documentation
1.0.1

Ace Reactive Code Editor is an OutSystems Implementation of Ace.

Originally Ace is an embeddable code editor written in JavaScript. It matches the features and performance of native editors such as Sublime, Vim and TextMate. It can be easily embedded in any web page and JavaScript application. Ace is maintained as the primary editor for Cloud9 IDE and is the successor of the Mozilla Skywriter (Bespin) project. 


To use this component simply use the AceEditor web-block passing the desired options as input parameters:

The Input Parameters are:

- InitValue: Which will receive the initial code you want to show.

- AceModeID: Which will receive the mode or programming language type. (Supported options are in an static entity.)

- AceThemeID: Which will change the look and feel of the editor. (Supported options are in an static entity.)

- AceOptions: Set of options that can be used. *


*This plugin has a lot of options and not all of them were tested.

Some of them will even require some extra scripts to work.

To improve performance these scripts will only be loaded in runtime if an option that requires it is being used.

This behavior can be achieved following the example in the InitEditor action of the web-block:


Since not all cases are covered, if you identify some Option, that you want to use, which is not working due to a lack of a script, please contact me.

All the scripts that are provided by Ace team are already imported in the application under the resources folder, however not all of them are being used:


Some of the options that requires additional scripts already identified are: 

So they will not work


______________________________________________________________________________________


The Demo app don't cover all the options available too.
If you want to see a more complete demo, made by the Ace team themselves please, access:

https://ace.c9.io/build/kitchen-sink.html


Some other useful links are:

- Main site: https://ace.c9.io/

- Source Code Github: https://github.com/ajaxorg/ace

- Pre compiled builds Github: https://github.com/ajaxorg/ace-builds/   - (src-min-noconflict is the one we are using. )



This documentation will be update as the component evolve.


Support options
This asset is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from  who created this asset.
Dependencies
Ace Reactive Code Editor has no dependencies.