NOTE: This package is supporsed to work in acepad, not a regular node envronment.

@acepad/widget

A widget(GUI) system for the Acepad editor that supports rendering iframes, overlay components, and dynamically interactive UI blocks inside the editor layout.

functions

• showIframe(url_or_file)
  • shows url or file(in html) as a widget.
• show(dom, options)
  • Shows widget
  • dom: optional. Element to be used as the widget.
  • options:
    • width: Specify width in percent(100 for full width), default is 100.
    • buttons: Configure buttons on title bar.
      • Array of {command: , caption: } where command is either "close", "minify" or custom function
    • noMenu: do not show minified icon.
    • fullscreen: Set true and show over screen keyboard
    • overlay: Set true and enable auto overlay editor for each <input> or <textarea> elements in the widget. Overlay editor allows input via acepad screen keyboard.
  • returns
    • element The element used as this widget
    • close Close the widget
    • minify Minify the widget
    • print(dom) Put dom element into the widget. If the element of same id exists. The element is 'overwritten' by preserving original DOM tree and events as possible. See examples/print.js
• See types.d.ts for full TypeScript definitions.

Features

• Embed iframe panels with custom URLs and live content
• Minimize, close, and manage widgets from the toolbar
• Dynamic DOM updating and data binding via .print
• Optional overlay activation for Smartphone input.

License

MIT

Repository

https://github.com/hoge1e3/acepad-dev/