About Inputfield ACE Extended

A highly configurable and flexible ACE editor input field for ProcessWire

Category Input Fields
Inputfield modules that provide a UI input widget in the ProcessWire admin.
Release StateStable
Should be safe for use in production environments. *
Authorowzim
Module Version1.1.3
Class NameInputfieldAceExtended
Compatibility2.5, 2.6, 2.7, 3.0
Date AddedMarch 12, 2015
Last UpdatedDecember 11, 2016
Recommended ByNew recommendations may take up to 1 day to appear.

Instructions

This module's files should be placed in /site/modules/InputfieldAceExtended/
How to install or uninstall modules

README

Inputfield Ace Extended

Version 1.0.3

A highly configurable and flexible Ace editor input field for ProcessWire 2.5.5+ and 3.0.0+

This module is sponsored in part by Nibiri, aka forum member Macrura.

See this short Screencast to get an overview.

Usage via API

$ace = $modules->get('InputfieldAceExtended');
$ace->label              = 'An Ace Field';
$ace->name               = 'ace';
$ace->value              = json_encode($someArray, JSON_PRETTY_PRINT);
$ace->collapsed          = Inputfield::collapsedYes;
$ace->rows               = 10;
$ace->enableLocalStorage = false;
$ace->mode               = 'json';
$ace->optionsCollapsed   = Inputfield::collapsedHidden;
$ace->theme              = 'tomorrow';
$ace->setAdvancedOptions(array(
    'highlightActiveLine' => false,
    'showLineNumbers'     => false,
    'showGutter'          => false,
    'tabSize'             => 2,
    'printMarginColumn'   => false,
));
$ace->setExtensionOptions(array(
    'enableEmmet' => true
));

Changelog

  • 1.1.3 Expose $textarea.getAce() to get the editor instance
  • 1.0.0
    • Use no-conflict version of ace
    • Implement possibility to add built-in extensions, by default emmet is enabled
    • Apply PHP code refactoring
  • 0.5.0
    • Enable field to be instantiated via API
    • Add interval check on editor.renderer.lineHeight and only initialize everything via callback when it is available
    • Add option to enable/disable localStorage
    • Make advancedOptions use the the Inputfield itself, INCEPTION!
  • 0.4.0 Move advanced options into one dimensional hash, rather that in sub objects like editor, session etc.
  • 0.3.0 Add possibility to apply advanced options via JSON string in a separate field setting
  • 0.2.0 Add possibility to clear localStorage, add cookie fall-back
  • 0.1.0 Initial version

Roadmap

  • Enable ajax mode
  • Add full screen mode
  • Expose a jQuery API for resizing, setting row count etc.

Comments

No comments yet. Be the first to post!

Post a Comment

Your e-mail is kept confidential and not included with your comment. Website is optional.