PrestaShop,直接从Smarty模板使用tinymce

时间:2017-03-29 08:27:06

标签: php tinymce smarty prestashop prestashop-1.6

我正在做一个PrestaShop模块。该模块将锚定到名为“hookDisplayAdminProductsExtra”的挂钩。

我需要使用TEXTAREA字段使用库,你可以直接从Smarty创建textarea而不是控制器吗?也许使用jQuery函数或在字段中添加一个类?

我在tpl文件中的代码是:

{foreach $row_list as $row}
    <textarea id="description_1" name="description_1" class="autoload_rte" aria-hidden="true">
        {$row['desc']}
    </textarea>
{/foreach}

我的模块功能是:

$this->context->smarty->assign(
    array(
        'row_list'  => $this->getField($id)
    )
);
return $this->display(__FILE__, 'admin-view.tpl');

1 个答案:

答案 0 :(得分:3)

当Prestashop使用:

加载选项卡信息时,autoload_rte被“使用”
$(document).ready(function(){

    // Execute when tab Informations has finished loading
    tabs_manager.onLoad('Informations', function(){
        tinySetup({
            editor_selector :"autoload_rte",
            setup : function(ed) {
                ed.on('init', function(ed)
                {
                    if (typeof ProductMultishop.load_tinymce[ed.target.id] != 'undefined')
                    {
                        if (typeof ProductMultishop.load_tinymce[ed.target.id])
                            tinyMCE.get(ed.target.id).hide();
                        else
                            tinyMCE.get(ed.target.id).show();
                    }
                });

                ed.on('keydown', function(ed, e) {
                    tinyMCE.triggerSave();
                    textarea = $('#'+tinymce.activeEditor.id);
                    var max = textarea.parent('div').find('span.counter').data('max');
                    if (max != 'none')
                    {
                        count = tinyMCE.activeEditor.getBody().textContent.length;
                        rest = max - count;
                        if (rest < 0)
                            textarea.parent('div').find('span.counter').html('<span style="color:red;">Maximum '+ max +' characters : '+rest+'</span>');
                        else
                            textarea.parent('div').find('span.counter').html(' ');
                    }
                });
            }
        });
    });

});

除此之外,其他选项卡也会在“信息”选项卡后加载。要解决此问题,您需要初始化所需字段的tinymce。选择另一个选择器(不确定它是否需要,但至少有100%没有机会混淆当前的选择器),例如mytextarea类,然后使用:

<script>$(document).ready(function(){tinymce.init({mode : "textareas", editor_selector : "mytextarea", plugins: "textcolor paste code"});})</script>

这可以在你的tpl中。 在我的测试中,如果没有设置插件,则控制台日志中会出错。但您可以根据需要调整tinymce设置。