A free, highly customizable text and code editor extension for your browser.

Latest Version

Version
0.2.1
Update
June 30, 2024
Size
1.59MiB
Developer
Category
Users
30,000+
Rating
3.86957 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Text Editor Extension

Text Editor is a full-featured text & code editor add-on for your browser.

This add-on has plenty of options to adjust and is built on top of the famous CodeMirror open-source JavaScript library (https://codemirror.net/). Once you open the add-on for the first time, you will see a sidebar at the left and an empty text editor at the right. The left sidebar includes file I/O buttons. For example, a button to open file(s) or settings. There is also a right sidebar that includes all the options for this app.

Note 1: This extension uses the new file system access API (https://web.dev/file-system-access/) to open and save files to disk. But, if your browser does not support this new API, it uses the - downloads - API instead to save files to disk in the default download folder (asks for downloads permission when opening the interface).

Note 2: Currently, Text Editor supports three key-maps for famous text editors (i.e. sublime). Moreover, it supports more than 100 coding languages (i.e. JavaScript, CSS, HTML, etc.)

If you have a feature request or found a bug to report, please fill the bug report form in the add-on's homepage (https://mybrowseraddon.com/text-editor.html).
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "version": "0.2.1", "name": "Text Editor", "manifest_version": 3, "offline_enabled": true, "permissions": ["storage"], "optional_permissions": ["downloads"], "homepage_url": "https://mybrowseraddon.com/text-editor.html", "description": "A free, highly customizable text and code editor extension for your browser.", "commands": { "_execute_action": {} }, "background": { "service_worker": "background.js" }, "action": { "default_title": "Text Editor", "default_icon": { "16": "data/icons/16.png", "32": "data/icons/32.png", "48": "data/icons/48.png", "64": "data/icons/64.png" } }, "icons": { "16": "data/icons/16.png", "32": "data/icons/32.png", "48": "data/icons/48.png", "64": "data/icons/64.png", "128": "data/icons/128.png" }}
Read more

How to download and manually install Text Editor extension for Chrome

Looking for a way to install Text Editor 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 Text Editor extensions manually, this article outlines two simple methods to effortlessly install Text Editor extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Text Editor extension and manually install through Drag &Drop

If you ever need to manually install a Text Editor 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 Text Editor Extension by clicking the "Download CRX" button on the website.

Look for the Text Editor extension you wish to install. Go to the website and download the Text Editor extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Text Editor 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 Text Editor 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 Text Editor extension for Chrome and install in Developer Mode

This is another method to install Text Editor 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 Text Editor extension file

Select and download the Text Editor 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 Text Editor 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 Text Editor 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 Text Editor 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 Text Editor extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Edit Anything Extension · Fun 30,000+ 104 ★ 11.02KiB

icon

Edit with Notepad++ Extension · Developer Tools 30,000+ 24 ★ 44.85KiB

icon

Edit with Sublime Text™ Extension · Developer Tools 30,000+ 39 ★ 190KiB

icon

Text Editor Extension · Accessibility 30,000+ 3 ★ 69.49KiB

icon

Word Editor Extension · Productivity 30,000+ 8 ★ 1.12MiB

icon

HTML editor WebStudio for Webpages Extension · Productivity 30,000+ 28 ★ 549KiB

icon

Wowie Text Editor Extension · Developer Tools 30,000+ 4 ★ 3.12MiB

icon

Code Plunker (Live HTML CSS Editor) Extension · Developer Tools 30,000+ 8 ★ 288KiB

icon

Noteblock Extension · Productivity 30,000+ 11 ★ 250KiB

icon

Online Text Editor Like Notepad & Wordpad Extension · Productivity 30,000+ 5 ★ 45.42KiB

icon

Python Shell Extension · Developer Tools 30,000+ 207 ★ 8.31MiB

icon

Page Text Editor Extension · Fun 30,000+ 3 ★ 6.19KiB

icon

textarea to code editor Extension · Developer Tools 30,000+ 12 ★ 2.6MiB

icon

Design Mode - Page's Rich Text Editor Extension · Developer Tools 30,000+ 10 ★ 62.89KiB

icon

Page Edit Extension · Developer Tools 30,000+ 31 ★ 229KiB

icon

Difree - distraction-free writer app Extension · Productivity 30,000+ 18 ★ 960KiB

icon

TabNotes Extension · Productivity 30,000+ 14 ★ 304KiB

icon

sourceditor Extension · Developer Tools 30,000+ 45 ★ 175KiB

icon

Text Changer Extension · Productivity 30,000+ 13 ★ 45.17KiB

icon

Open with Notepad++ Extension · Productivity 30,000+ 212 ★ 216KiB

icon

goormIDE: Powerful Code Editor with Container Extension · Developer Tools 30,000+ 25 ★ 945KiB

icon

Notepad Extension · Productivity 30,000+ 790 ★ 769KiB

icon

Markdown Editor for Chrome™ Extension · Developer Tools 30,000+ 15 ★ 645KiB

icon

Secure Shell Extension · Developer Tools 30,000+ 250 ★ 14.23MiB

User reviews

icon

息子運命 (ID: 00000039af6951a1) Voted 5 ★ - Updated 04/13/2023 How about native terminal from OS that Chrome browser was installed?, since looking for an alternative for VS Code, but can run offline on Chrome Extension

icon

Skeletial (ID: 0000007c61696e5e) Voted 5 ★ - Updated 03/09/2023 Amazing extension if you want to get some work done on a chromebook. A lot of times I'm sitting in study hall, bored and wasting time, but then I open this up and I'm able to easily get some work done on my websites. Although the real reason I gave it five stars was because the matrix theme is better than any other theme that any other text editor provides. One tiny suggestion I have is the option to toggle between the bigger button gui and the old one, but other than that, I would give this 6 stars if I could!

icon

Christophe Hollebeke (ID: 000000e22f823b89) Voted 4 ★ - Updated 02/16/2023 I do webdevelopment on my Chromebook for years. Normal i used Caret-editor, but it's not update anymore and have not a lot of functionality, so after searching a lot of time, don't found a good alternative, so last time using VSCode (linux), but this is not ChromeOS friendly and drain my battery (linux/Crostini). Until now, trying TextEditor, and works very well. Okay it missed some functions like Format Document/Beautifying and replace text, but is a good candidate to replace my 'old' Caret-editor and works nicely in ChromeOS. There only a few IDE's on ChromeOS, and the most are outdated or have a lot of bugs, TextEditor is at this moment my favorite. Hope see more functions in the future. Very good work! I like it :-)

icon

Ulrich Reinert (ID: 000000b759f3e4f7) Voted 5 ★ - Updated 10/18/2022 Very helpful, i like it.

icon

Robert M. Papillion (ID: 000000f05c2be099) Voted 5 ★ - Updated 04/24/2022 It's just what I needed: Open an existing text file from a local drive or create one from scratch. Save the text file to a local drive.