Coder Social home page Coder Social logo

yfdyh000 / withexeditor Goto Github PK

View Code? Open in Web Editor NEW

This project forked from asamuzak/withexeditor

0.0 3.0 0.0 6.78 MB

View Source, View Selection, and Edit Text with the external editor

License: Mozilla Public License 2.0

CSS 2.30% HTML 10.84% JavaScript 86.86%

withexeditor's Introduction

EN | JA

Build Status devDependency Status

withExEditor

Extension for Gecko based browsers and Blink based browsers.

From the context menu (right click), you can "View source" "View selection" or "Edit text" with your favorite editor. Enabled in (X)HTML, JavaScript, CSS, MathML, SVG, XML, etc.

Download

Gecko:

Blink:

Important Notice

To use withExEditor, you also need to prepare a host which executes your editor. The browser interacts with the host via messages, and the editor is executed by the host. Please download the host for withExEditor from asamuzaK/withExEditorHost (GitHub).


Context Menus

View Page Source with exEditor

  • Creates a copy of the page, save as a temporary file, and opens it with an external editor.
  • The temporary file is encoded in UTF-8, even if the original document is not so.
  • If you are browsing a local file, then the local file will be opened directly.

View MathML Source with exEditor

  • Enabled on MathML elements, and shows a generated DOM tree.

View SVG Source with exEditor

  • Enabled on SVG elements, and shows a generated DOM tree.

View Selection with exEditor

  • Shows a generated DOM tree of selection in XML format.
  • If there are multiple ranges in selection, each range will be shown with a comment as a delimiter.
  • If the selection is not DOM parsable (like JavaScript, CSS), a file that contains only the range of text selected will be created.

Edit Text with exEditor

  • Enabled on input elements, textarea element and editable elements.
  • Edited contents will be synchronized when you go back to the browser.

Options

Toolbar Button Icon

  • Choose the icon.

Editor Label

  • Enter the label of the editor.
  • If the input field is disabled, run the setup script on the host.

Notify Host Error

  • If enabled, notifies when an error occurs on the host.

Access Key

  • Access key used in the context menu. Access key can be any key from A to Z.
  • NOTE: Accesskey in context menu is not implemented in Gecko browsers yet.

Execute The Editor Directly

  • Keyboard shortcut to execute the editor without going through the context menu. In the input field, press the combination of keys such as Ctrl+Shift+U.
  • NOTE: Incompatible with Blink browsers. Please specify keyboard shortcut on browser's extension page.

Open The Options Page

  • Keyboard shortcut to open the options page. In the input field, press the combination of keys such as 'Alt+Shift+U'.
  • NOTE: Incompatible with Blink browsers. Please specify keyboard shortcut on browser's extension page.

Enable During Private Browsing

  • Enables if checked, disables if not.

Enable Only When Editing Text

  • Enables only when the content is editable.

Automatically Synchronize Edited Content On Specific Sites

  • Enable when you want to automatically synchronize edited content.
  • Note that this option will not be enabled when private browsing. Also note that if you leave your browser running for a long time or register many URLs, it may affect the performance of the PC.

Reload withExEditor

  • Try when withExEditor stops working, for example when updating Node.js or updating withExEditorHost.

withexeditor's People

Contributors

asamuzak avatar xerta555 avatar

Watchers

James Cloos avatar YFdyh000 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.