GrapesJS установить ссылку "src" заполнитель onLoad - PullRequest
Новая
       36

GrapesJS установить ссылку "src" заполнитель onLoad

0 голосов
/ 14 ноября 2018

Я реализовал небольшой редактор GrapesJS, который позволяет редактировать шаблоны Django / Jinja2.GrapesJS по умолчанию пытается получить изображение src моего элемента: 

<a href="{{product_url}}" target="_blank"><img src="{{image_url}}" width="130"/></a>

Запрос происходит каждый раз, когда я загружаю шаблон HTML в редактор GrapesJS: http://localhost:8000/%7B%7Bimage_url%7D%7D 404 (Not Found)

Редактор GrapesJSхотя работает отлично даже с этим 404 звонком.Но я бы хотел обработать запрос к изображению.Поэтому вместо того, чтобы GrapesJS сделал вызов по умолчанию http://localhost:8000/%7B%7Bimage_url%7D%7D, я бы хотел отобразить изображение-заполнитель, скажем: https://placekitten.com/200/300

То, что у меня сейчас есть: 

editor = grapesjs.init({
    container: '#gjs',
    assetManager: {},
});

editor.setComponents('<a href="{{product_url}}" target="_blank"><img src="{{image_url}}" width="130"/></a>');

// querySelector is returning an empty Array of Nodes
editor.on('load', () => {
    const body = editor.Canvas.getBody().ownerDocument;
    body.querySelectorAll('a').forEach(function(el) {
        let link = el;
        link.setAttribute('src', "http://via.placeholder.com/350x150");
    });
    editor.store();
});
...