基于ATK4的所见即所得编辑器的实现

Question

关于这个问题Is there a CMS (WYSIWYG) Component for Agile Toolkit?，我正在尝试添加elRTE编辑器作为我安装的ATK4的默认RTE。

简单地说，我应该将atk4目录结构中的elRTE文件放在哪里？

TIA PG

其他信息：

有没有人能让WYSIWYG编辑器正常工作？

我尝试过使用tinyMCE和elRTE。我将两个库都放在atk4/template/js文件夹中，然后通过我的Admin api类加载(我希望所有Admin模型都可以使用这些库)：

 $this->js()
        ->_load('atk4_univ')
        ->_load('ui.atk4_notify')
        ->_load('tiny_mce/tiny_mce')
        ;

如果我尝试elRTE，那么我会加载它，而不是tinyMCE -

            ->_load('elrte/js/elrte.min')

然后在我的page_manager类中，我尝试实例化所见即所得编辑器：

$tabs=$this->add('Tabs');
$crud = $tabs->addTab('listing')->add('CRUD');
$crud->setModel('Listing',array('title','body'),array('title'));

if ($crud->form) {
    $f = $crud->form;
    $f->getElement('body')->js(true)->tinyMCE.init();
}

我尝试了各种不同的排列，这取决于我试图调用的库，但什么都不起作用-我要么只是得到一个空的表单进行编辑，要么它只是在那里显示一条加载消息。下面是我尝试过的一些不同的变体：

$f->getElement('body')->js(true,'tinyMCE.init(mode:"textareas")');

$f->getElement('body')->js(true,'elrte()');

$f->getElement('body')->js(true)->elrte();

在我的智慧尽头，我想要的是一个简单的所见即所得的编辑器在管理CRUD

Answer 1

我不能直接回答，只能给出一个建议：

我集成了StackOverflow的Markdown UI，如下所示：

$m=$f->getElement('text');
$m->js(true)->parent()->prepend('<div id="'.$m->name.'-bar"></div>');
$m->js(true)->parent()->append('<div id="'.$m->name.'-preview" class="wmd-panel wmd-preview"></div>');
$m->js(true,' var converter1 = Markdown.getSanitizingConverter(); var editor1 = new Markdown.Editor(converter1,"'.
        $m->name.'");editor1.run();');

$this->api->jquery->addStaticInclude('pagedown/Markdown.Converter');
$this->api->jquery->addStaticInclude('pagedown/Markdown.Sanitizer');
$this->api->jquery->addStaticInclude('pagedown/Markdown.Editor');
$this->api->template->append('js_include',
    '<link type="text/css" href="'.$this->api->locateURL('js','pagedown/demo/browser/demo.css').'" rel="stylesheet" />'."\n");

我必须对JS文件进行手动更改，以支持带有前缀的ID字段，但是您可以对任何编辑器使用非常类似的方法。完成集成后，将代码粘贴到此处。