black-lamp/yii2-text-editor

Widget for Ace code editor

2.0.0 2017-01-03 19:00 UTC

Requires

• bower-asset/ace-builds: 1.2.*
• bower-asset/emmet-core-js: dev-master
• yiisoft/yii2: ^2.0.4

BSD-3-Clause

• Vladimir Kuprienko

• code
• editor
• widget
• ace
• yii2

README

Widget for Ace code editor

Installation

Run command

composer require black-lamp/yii2-text-editor

or add

"black-lamp/yii2-text-editor": "2.0.0"

to the require section of your composer.json.

Using

Use widget with ActiveForm

$form = ActiveForm::begin();
    // ...
    echo $form->field($model, 'text')
              ->widget(bl\ace\AceWidget::className(), [
                    'language' => 'javascript'
              ]);
$form->end();

Widget configuration properties

Option	Option	Default	Description
language	string	html	Programming language
theme	string	github	Code editor theme
enableEmmet	boolean	false	Enable emmet plugin for HTML
attributes	array	['style' => 'max-width: 600px; min-height: 400px;']	HTML attributes for editor container

For more information about 'language' and 'theme' configuration attributes read Ace documentation