Расширение Hallojs в Django трясогузки с Edit Source Button

Question

Я был Авель, чтобы добавить кнопку источника УД «Изменить HTML», чтобы мой редактор со следующим крючке:

@hooks.register('insert_editor_js') 
def enable_source(): 
    return format_html(
     """ 
     <script> 
      registerHalloPlugin('hallohtml'); 
     </script> 
     """ 
    ) 

Это добавляет кнопку, но я могу 't выяснить, как добавить значок - см. снимок экрана ниже без значка.

Все кнопки, за исключением без значка сделать редактор работы источником большой. Спасибо за помощь.

Answer 1

Используйте крючок insert_editor_css, чтобы предоставить дополнительные файлы CSS редактору.

@hooks.register('insert_editor_css') 
def editor_css(): 
    return format_html(
     '<link rel="stylesheet" href="{}">', 
     static('demo/css/editor-overrides.css') 
    ) 

В вашем hallohtml плагин JS, назначить icon-hallohtml на кнопку и используйте следующий CSS стиль его с H характером:

.hallotoolbar .halloformat .ui-button-text .icon-hallohtml:before { 
    content:'H'; 
}