22/01
2016
Wallogit.com
2017 © Pedro Peláez
library aceeditor
dipcms/aceeditor
- Friday, January 22, 2016
- by mykola.chomenko
- Repository
- 1 Watchers
- 0 Stars
- 4 Installations
- PHP
- 0 Dependents
- 0 Suggesters
- 0 Forks
- 0 Open issues
- 1 Versions
- 0 % Grown
The README.md
AceEditor
How to install
$ composer require dipcms/aceeditor:@dev $ bower install ace-builds
extensions:
templateExtension: DIPcms\TemplateExtension\DI\TemplateExtension
scripter: DIPcms\Scripter\DI\ScripterExtension
ACEeditor: DIPcms\ACEeditor\DI\ACEeditorExtension
How to use, (*1)
namespace App\Presenters;
use Nette;
use DIPcms\ACEeditor\ACEeditor;
class HomepagePresenter extends Nette\Application\UI\Presenter{
/**
* @var ACEeditor
*/
private $ace_editor;
public function __construct(ACEeditor $ace_editor){
$this->ace_editor = $ace_editor;
}
/**
* @return \DIPcms\ACEeditor\Components\Editor
*/
public function createComponentAce() {
$ace = $this->ace_editor->createComponent();
$ace->setTheme('monokai');
$ace->setValue(file_get_contents($_SERVER['DOCUMENT_ROOT'].'/css/style.css'));
$ace->onSave[] = function($result){
file_put_contents($_SERVER['DOCUMENT_ROOT'].'/css/style.css', $result);
};
return $ace;
}
}
In the template, simply call, (*2)
<head> <script src="{$basePath}/bower_components/jquery/dist/jquery.min.js" type="text/javascript"></script> <script src="{$basePath}/bower_components/ace-builds/src-min/ace.js" type="text/javascript"></script> <script src="{$basePath}/js/DIP.js" type="text/javascript"></script> {scripter} </head> <body> {control ace} <script> $(document).ready(function(){ DIP.Run(); }); </script> </body>