[BETA] This extension adds syntax highlighting to the editStep page in the ElectricCommander UI.

Latest Version

Version
0.1.5
Update
February 24, 2016
Size
247KiB
Developer
Category
Users
193
Rating
4.92308 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
See more

ElectricCommander Syntax Highlighting Extension

UPDATE: New location here:
https://chrome.google.com/webstore/detail/iijmdnkbooficfalafiljecngifeogin


This version is deprecated and will be removed. Please migrate to the above extension!

This chrome extension allows users to toggle syntax highlighting on and off on the Edit Step page in ElectricCommander.

If you are an ElectricCommander user writing or viewing procedures in the ElectricCommander web user interface then this extension is for you!

Works with ElectricCommander v4.2 or later.

Supports these languages: Perl, Shell, JavaScript, Python, Ruby, TCL.

Electric Cloud and ElectricCommander are
registered trademarks or trademarks of Electric Cloud, Incorporated.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "ElectricCommander Syntax Highlighting", "description": "[BETA] This extension adds syntax highlighting to the editStep page in the ElectricCommander UI.", "version": "0.1.5", "content_scripts": [ { "matches": ["https://*/commander/link/*editStep*"], "css":["codemirror.css","jquery-ui-1.10.2.custom.min.css"], "js": ["jquery.js","myscript.js","codemirror.js", "wait.js","perl.js","shell.js", "javascript.js","python.js","ruby.js","tcl.js","jquery-ui-1.10.2.custom.min.js"] } ], "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "web_accessible_resources": [ "images/ui-bg_highlight-soft_100_eeeeee_1x100.png", "images/ui-icons_222222_256x240.png" ]}
Read more

How to download and manually install ElectricCommander Syntax Highlighting extension for Chrome

Looking for a way to install ElectricCommander Syntax Highlighting extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install ElectricCommander Syntax Highlighting extensions manually, this article outlines two simple methods to effortlessly install ElectricCommander Syntax Highlighting extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download ElectricCommander Syntax Highlighting extension and manually install through Drag &Drop

If you ever need to manually install a ElectricCommander Syntax Highlighting extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the ElectricCommander Syntax Highlighting Extension by clicking the "Download CRX" button on the website.

Look for the ElectricCommander Syntax Highlighting extension you wish to install. Go to the website and download the ElectricCommander Syntax Highlighting extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for ElectricCommander Syntax Highlighting extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the ElectricCommander Syntax Highlighting extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download ElectricCommander Syntax Highlighting extension for Chrome and install in Developer Mode

This is another method to install ElectricCommander Syntax Highlighting extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the ElectricCommander Syntax Highlighting extension file

Select and download the ElectricCommander Syntax Highlighting extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the ElectricCommander Syntax Highlighting extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your ElectricCommander Syntax Highlighting extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the ElectricCommander Syntax Highlighting extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install ElectricCommander Syntax Highlighting extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

WebTerminal Extension · Developer Tools 193 0 ★ 140KiB

icon

LiveScriptConsole Extension · Developer Tools 193 2 ★ 388KiB

icon

RunMyCode Online Extension · Developer Tools 193 3 ★ 28.87KiB

icon

5250 Web Terminal Add-on Extension · Productivity 193 2 ★ 270KiB

icon

rawkit Extension · Developer Tools 193 0 ★ 88.13KiB

icon

Chrome Quick Console Extension · Developer Tools 193 6 ★ 1.37MiB

icon

ElectricFlow Syntax Highlighting Extension · Productivity 193 1 ★ 193KiB

icon

Lavaca Developer Tools Extension · Developer Tools 193 0 ★ 10.42MiB

icon

nShell Extension · Developer Tools 193 0 ★ 4.76MiB

icon

GitHub Enhancement Suite Extension · Developer Tools 193 1 ★ 56.24KiB

icon

Libraries.io | GitHub Companion Extension · Productivity 193 3 ★ 1.31MiB

icon

Atma.js DevTool Extension · Developer Tools 193 0 ★ 201KiB

icon

GitHub submodule links Extension · Developer Tools 193 2 ★ 17.49KiB

icon

MultitaskOS Extension · Productivity 193 1 ★ 2.85MiB

icon

console.sparkline Extension · Developer Tools 193 1 ★ 4.7KiB

icon

nixCraft Extension · Social & Communication 193 0 ★ 46.52KiB

icon

LL Developer Tools Extension · Developer Tools 193 1 ★ 98.88KiB

icon

WebTerminal Extension · Developer Tools 193 7 ★ 132KiB

icon

C-Strip Extension · Developer Tools 193 2 ★ 8.62KiB

icon

py3redirect Extension · Developer Tools 193 13 ★ 74.53KiB

icon

Chrome Terminal Extension · Productivity 193 4 ★ 76.08KiB

icon

DOM-JSON Tree Matcher Extension · Developer Tools 193 0 ★ 18.58KiB

icon

Images, icons & photos with ChatGPT Extension · Photos 193 30 ★ 478KiB

icon

Advanced Dev Tools Extension · Developer Tools 193 1 ★ 891KiB

User reviews

icon

Laurent Rochette (ID: 0000006256a5e1c8) Voted 5 ★ - Updated 05/07/2015 I recommend it to all my customers.

icon

Nitin Parashar (ID: 000000895e8000f9) Voted 5 ★ - Updated 05/19/2014 It's quite awesome and very convenient to use.

icon

Brian Myers (ID: 000000fb480525b2) Voted 5 ★ - Updated 08/08/2013 The syntax highlighting is great! It is so much easier to read long commands and scripts and the line numbers make it easier to trace errors in the output to the source in the script.

icon

Marco Morales (ID: 00000084fcd7d326) Voted 5 ★ - Updated 04/12/2013 Prior to this plug-in, I had to rely on TEA to open up the contents in an external editor. As a frequent EC user, this is going to save me tons of time over the long run. Bravo!

icon

Ken Thomas (ID: 00000027a3599f0c) Voted 5 ★ - Updated 04/11/2013 Excellent! I had a syntax error in some Perl code in a step. I installed the syntax highlighter and immediately spotted my missing quote.