Description

A proof-of-concept / experiment revolving around moving a DOM editing context-menu element before its target, enabling CSS selector ctxmenu[open]+*, and JS no-query ctxmenu.nextSibling. Pros and cons vs. window overlay, unworkable with tables. Also an attempt to do some template-less dialog for code prompts. An interest was to create some self-contained JS/HTML snippet to inject in pages and be able to select, modify and export selectively parts, but in the end it cannot compete with the dev-tools.


  • Select Parent
  • Move Up
  • Move Down
  • Append Child
  • Append Sibling
  • Remove
  • Export File
  • Export Blob
  • Toggle .Blur
  • Toggle contenteditable
  • Change innerHTML
  • Change style
  • Change with Javascript
  • Sample paragraphs and details

    Sample paragraph before Details.

    Sample Details Summary

    Sample paragraph inside Details.

    Sample paragraph after Details.

    Sample Form

    Field Set #1
    Field Set #2
    Sample Table
    KeyAssociatedNote
    Sample #1Sample Value
    Sample #2Sample ValueNote a.
    Sample #3Sample Value
    Sample #4Sample ValueNote b.