Использование редактора wysiwyg в шаблонах интерфейса в magento 2

Question

Использование редактора wysiwyg в шаблонах интерфейса в magento 2

Я нашел так много статей о том, как использовать редактор wysiwyg на страницах администратора, и мне было интересно, могу ли я использовать его в шаблонах интерфейса. если да, пожалуйста, скажите мне, как это сделать. Я использую magento 2.1.5.

2

magento2 wysiwyg magento-2.1 magento2.1.5

Author: Ayoub El Hayat, 2017-10-04

Source

1 answers

score 6 · Accepted Answer

В интерфейсе предположим, что нам нужен wysiwyg-редактор для текстовой области и текстовой области с идентификатором : description

<textarea id="description" name="textarea_name"></textarea>

И используйте приведенный ниже скрипт для загрузки jquery и wysiwyg tiny_mce и назначить #description

require([
        'jquery',
        'mage/adminhtml/wysiwyg/tiny_mce/setup'
    ], function(jQuery){

    var config = '', 
        editor;

    jQuery.extend(config, {
        settings: {
            theme_advanced_buttons1 : 'bold,italic,|,justifyleft,justifycenter,justifyright,|,',
            theme_advanced_buttons2: null,
            theme_advanced_buttons3: null,
            theme_advanced_buttons4: null,
            theme_advanced_statusbar_location: null
        },
        files_browser_window_url: false
    });
    editor = new tinyMceWysiwygSetup(
        'description',
        config
    );
    editor.turnOn();
    jQuery('#description')
        .addClass('wysiwyg-editor')
        .data(
            'wysiwygEditor',
            editor
        );
});

В соответствии с вашими потребностями вы можете обновить wysiwyg tiny_mce конфигурация. выше только один пример.