, (*1)
Ace (Ajax.org Cloud9 Editor) source repository can be found here - https://github.com/ajaxorg/ace., (*2)
Original demo can be found here - http://ace.c9.io/#nav=embedding., (*3)
Installation
The preferred way to install this extension is through composer., (*4)
Either run, (*5)
$ php composer.phar require "borales/yii2-ace-widget" "*"
or add, (*6)
"borales/yii2-ace-widget": "*"
to the require
section of your composer.json
file., (*7)
Usage (with default options)
// For your model
echo \borales\widgets\ace\Widget::widget([
'model' => $model,
'attribute' => 'attribute_name',
]);
// Using with ActiveForm/ActiveField
echo $this->field($model, 'attribute_name')->widget(
\borales\widgets\ace\Widget::className()
);
// For basic usage
echo \borales\widgets\ace\Widget::widget([
'name' => 'editor_name',
'value' => 'your text code',
]);
Options
-
mode
- code language (default is php
).
-
theme
- color scheme (default is github
).
-
editable
- whether to display editable text input or just highlight the output (default is true
).
-
autocompletion
- whether to enable simple autocompletion functionality (only with editable = true
).
-
aceOptions
- ACE's editor options.