wbraganca / yii2-ace-widget
Yii2 Ace (Ajax.org Cloud9 Editor) Widget
Installs: 14 687
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 2
Forks: 2
Open Issues: 0
Type:yii2-extension
Requires
- bower-asset/ace-builds: ~1.2
- yiisoft/yii2: ~2.0.5
This package is not auto-updated.
Last update: 2024-10-26 19:37:53 UTC
README
Ace (Ajax.org Cloud9 Editor) source repository can be found here - https://github.com/ajaxorg/ace.
Original demo can be found here - http://ace.c9.io/#nav=embedding.
Installation
The preferred way to install this extension is through composer.
Either run
$ php composer.phar require "wbraganca/yii2-ace-widget" "*"
or add
"wbraganca/yii2-ace-widget": "*"
to the require
section of your composer.json
file.
Usage
<?php use wbraganca\AceEditor\AceEditorWidget; // For basic usage echo AceEditorWidget::widget([ 'name' => 'editor_name', 'value' => 'your text code', ]); // Ace editor with emmet $this->registerJsFile('https://cloud9ide.github.io/emmet-core/emmet.js'); echo AceEditorWidget::widget([ 'id' => 'attribute_id', 'model' => $model, 'attribute' => 'attribute_name', 'theme' => 'sqlserver', 'extensions' => [ 'emmet' ], 'aceOptions' => [ 'showPrintMargin' => false, 'minLines' => 20, 'maxLines' => 500, 'newLineMode' => 'unix' ] ]); ?>
Options
varNameAceEditor
- global javascript variable (default isaceEditor
).mode
- code language (default isphp
).theme
- color scheme (default isgithub
).editable
- whether to display editable text input or just highlight the output (default istrue
).autocompletion
- whether to enable simple autocompletion functionality (only witheditable = true
).aceOptions
- ACE's editor options.