django - [ソースの編集] ボタンを使用して Django Wagtail で Hallojs を拡張する

Question

次のフックを使用して、「HTML の編集」ソース ボタンをエディターに追加できました。

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

ボタンが追加されますが、アイコンを追加する方法がわかりません。下のアイコンなしのスクリーンショットを参照してください。

アイコン以外のすべてのボタンにより、ソース エディターはうまく機能します。ご協力ありがとうございました。

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')
    )

hellohtml プラグイン JS でicon-hallohtmlボタンに割り当て、次の CSS を使用して H 文字でスタイルを設定します。

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