Edit on GitHub

Input Editable


The input editable is a single line unformatted text placeholder (just as HTMLs <input> is), which is useful for text headlines, paragraphs and other values. For a multi-line alternative have a look at the textarea editable, for rich-text WYSIWYG.


Name Type Configuration
width integer Width of the input in editmode (in pixels)
htmlspecialchars boolean Set to false to get the raw value without HTML special chars like & (default to true)
nowrap boolean set to false to disable the automatic line break
class string A CSS class that is added to the surrounding container of this element in editmode
placeholder string A placeholder that is displayed when the field is empty


Name Return Description
getData() string Value of the input, this is useful to get the value even in editmode.
isEmpty() boolean Whether the editable is empty or not


Basic usage

 <?= $this->input("myHeadline"); ?>

The above code generates an editable area which you can fill with the text, see: Inpute preview in the backend

Advanced usage

You could also specify other parameters, like the size:

    <?= $this->input("myHeadline", ["width" => 540]); ?>


To validate the input you have to add validator parameter to the configuration array.

    <?= $this->input("myHeadline", [
        "validator" => new Zend_Json_Expr('
              return value.match(/\d.*/) !== null;
    ]); ?>

At the moment, the validation has only a visual effect, user can still save an incorrect value.