skeeks / yii2-widget-codemirror
Yii2 codemirror widget
Installs: 20 889
Dependents: 3
Suggesters: 0
Security: 0
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Type:yii2-extension
Requires
- bower-asset/codemirror: =5.19.0
- yiisoft/yii2: ^2.0.13
README
Description
CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with a number of language modes and addons that implement more advanced editing functionality. For more information please visit CodeMirror
Installation
The preferred way to install this extension is through composer.
To install, either run
$ php composer.phar require skeeks/yii2-widget-codemirror "*"
or add
"skeeks/yii2-widget-codemirror": "*"
to the require
section of your composer.json
file.
Usage
use skeeks\widget\codemirror\CodemirrorWidget; $form->field($model, 'code')->widget( CodemirrorWidget::className(), [ 'preset'=>'php', 'options'=>['rows' => 20], ] );
You can use ready-made presets, or create your own. To do this, specify the folder to your presets.
use skeeks\widget\codemirror\CodemirrorWidget; $form->field($model, 'code')->widget( CodemirrorWidget::className(), [ 'presetDir'=>'/path_to_your_presets', 'preset'=>'sql', ] );
In general, you can customize the widget directly specifying its properties.
use skeeks\widget\codemirror\CodemirrorWidget; use skeeks\widget\codemirror\CodemirrorAsset; $form->field($model, 'code')->widget( CodemirrorWidget::className(), [ 'assets'=>[ CodemirrorAsset::MODE_CLIKE, CodemirrorAsset::KEYMAP_EMACS, CodemirrorAsset::ADDON_EDIT_MATCHBRACKETS, CodemirrorAsset::ADDON_COMMENT, CodemirrorAsset::ADDON_DIALOG, CodemirrorAsset::ADDON_SEARCHCURSOR, CodemirrorAsset::ADDON_SEARCH, ], 'settings'=>[ 'lineNumbers' => true, 'mode' => 'text/x-csrc', 'keyMap' => 'emacs' ], ] );
License
conquer/codemirror is released under the MIT License. See the bundled LICENSE.md
for details.