Edit with Emacs

Allow user to edit web-page textareas with Emacs (and other editors).

What is Edit with Emacs?

Edit with Emacs is a Chrome extension developed by https://www.bennee.com, and its main feature is "Allow user to edit web-page textareas with Emacs (and other editors).".

Extension Screenshots

screenshot
screenshot

Download Edit with Emacs Extension CRX File

Download Edit with Emacs extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Edit with Emacs is an extension for Google's Chrome(ium) browser family that allows you to edit text areas on your browser in a more full featured editor. It does this in conjunction with an "Edit Server" which services requests by the browser. This is because extensions cannot spawn new processes as a security measure.

The extension packages native elisp version that can be run inside GNU Emacs itself, just follow the instructions from the options page of the extension. It has been known to work with GNU Emacs and Aquamacs (MacOS); it is presently not compatible with XEmacs.

Other example edit servers can be found at the project homepage. There is no reason why other server scripts could not spawn other editors and currently a number of servers support the simple URL based protocol.

This extension is licensed under the GPL v3 and development versions can be found at: http://github.com/stsquad/emacs_chrome

v1.17

* fix CSS bug causing repeating edit tags
* add a 48x48 icon for the Chrome web store
* remove unneeded tabs permission

v1.16

Extension

* allow disabling of switch to settings behaviour
* whitelist penguin.linux.test for edit server (ChromeOS/Crostini)
* fix context menu on newer Chromes (#158)
* honour edit_server_host instead of hard-coding 127.0.0.1
* use the Chrome extension UI to set keyboard shortcuts.
* fix handling of spellcheck=false nodes for Gmail (#171, #162)

edit-server.el

* use make-frame (see updated docs for edit-server-new-frame-alist)                    

Extension Basic Information

Name Edit with Emacs Edit with Emacs
ID ljobjlafonikaiipfkggjbhkghgicgoh
Official URL https://chromewebstore.google.com/detail/edit-with-emacs/ljobjlafonikaiipfkggjbhkghgicgoh
Description Allow user to edit web-page textareas with Emacs (and other editors).
File Size 345 KB
Installation Count 3,000
Current Version 1.17
Last Updated 2023-12-05
Publish Date 2018-01-17
Rating 4.48/5 Total 130 Ratings
Developer https://www.bennee.com
Email [email protected]
Payment Type free
Extension Website http://github.com/stsquad/emacs_chrome
Help Page URL http://www.emacswiki.org/emacs/Edit_with_Emacs
Supported Languages en-GB
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Edit with Emacs",
    "version": "1.17",
    "manifest_version": 2,
    "description": "Allow user to edit web-page textareas with Emacs (and other editors).",
    "browser_action": {
        "default_icon": "icons\/emacs23-16x16.png"
    },
    "background": {
        "page": "html\/background.html"
    },
    "permissions": [
        "clipboardRead",
        "contextMenus",
        "http:\/\/127.0.0.1\/edit\/*",
        "http:\/\/penguin.linux.test\/edit\/*",
        "notifications"
    ],
    "icons": {
        "48": "icons\/emacs-48x48.png",
        "128": "icons\/emacs.png"
    },
    "options_ui": {
        "page": "fancy-settings\/source\/index.html",
        "open_in_tab": true,
        "browser_style": true
    },
    "web_accessible_resources": [
        "icons\/gumdrop.png",
        "icons\/emacs23-16x16-red.png"
    ],
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*",
                "file:\/\/*\/*"
            ],
            "css": [
                "css\/textareas.css"
            ],
            "js": [
                "lib\/jquery-3.6.0.min.js",
                "lib\/jquery.color-2.1.2.min.js",
                "lib\/mutation_summary.js",
                "javascript\/textareas.js"
            ],
            "run_at": "document_idle",
            "all_frames": true
        }
    ],
    "commands": {
        "edit-textbox": {
            "suggested_key": {
                "default": "Alt+E",
                "linux": "Alt+E",
                "mac": "Alt+E"
            },
            "description": "Edit the current textarea with Emacs"
        },
        "activate-emacs": {
            "suggested_key": {
                "default": "Ctrl+Shift+E",
                "linux": "Ctrl+Shift+E",
                "mac": "Command+E"
            },
            "description": "Activate Emacs with contents of clipboard"
        }
    }
}