Bootstrap жауапты кескініне арналған Redactor плагині

Жүктеп болғаннан кейін суреттерге сынып қосу үшін жылдам редакторлық плагинді жасаңыз. Құжаттарға негізделген imageUpload пайдаланылатын кері шақыру болуы керек.

Плагин жүктейді, бірақ мен бұл дұрыс істемеймін:

if (!RedactorPlugins) var RedactorPlugins = {};

RedactorPlugins.responsiveimage = function() {
  return {
    init: function()
    {
      var that = this;
      console.log("loaded");
    },
    imageUpload: function(image, json){
      console.log(image);
      image.addClass("img-responsive");    
    }   
  };
};
2

1 жауаптар

Бұны тапқандар үшін, Redactor-ге тағы біраз қазудан кейін, қолтаңба дереккөздерді орналастыру үшін RichTextInput.js -де onImageButtonClick -де 261-жолға өту үшін түпнұсқа түймесін басады.

onImageButtonClick: function()
{
    this.redactor.selection.save();

    if (typeof this.assetSelectionModal == 'undefined')
    {
        this.assetSelectionModal = Craft.createElementSelectorModal('Asset', {
            storageKey: 'RichTextFieldType.ChooseImage',
            multiSelect: true,
            sources: this.assetSources,
            criteria: { locale: this.elementLocale, kind: 'image' },
            onSelect: $.proxy(function(assets, transform)
            {
                if (assets.length)
                {
                    this.redactor.selection.restore();
                    for (var i = 0; i < assets.length; i++)
                    {
                        var asset = assets[i],
                            url   = asset.url+'#asset:'+asset.id;

                        if (transform)
                        {
                            url += ':'+transform;
                        }

                        this.redactor.insert.node($('')[0]);
                        this.redactor.code.sync();
                    }
                    this.redactor.observe.images();
                }
            }, this),
            closeOtherModals: false,
            transforms: this.transforms
        });
    }
    else
    {
        this.assetSelectionModal.show();
    }
}

Сыныпты қосу үшін Retcon Twig сүзгілерінің плагинін пайдалану арқылы аяқталды:

{{ entry.body|retconAttr('img', {class: 'img-responsive'}) }}
3
қосылды