1

JavaScript を使用してページにコンテンツを作成しています。div を作成し、スクリプトを追加しています。そのため、コンテンツは JavaScript を介してページに取り込まれます。

管理サイトでもdjango-tinymceパッケージを使用しています。tinymce の HTML ボタンで HTML コードを入力して保存しています。すべてがテンプレートで正常に機能します。しかし、そのコンテンツを編集したい場合、私の div は Tinymce HTML ビューで空の div に置き換えられます。

これが私の元のhtmlコードです:

    <div site-widget="bulletin">
                        <bulletin-navigator></bulletin-navigator>
                        <bulletin-filter-container></bulletin-filter-container>
                        <bulletin-event-list-container></bulletin-event-list-container>
                    </div>
<script type="text/javascript" src="http://192.168.30.42:10000/assets/js/common.js"></script>
<script type="text/javascript" src="http://192.168.30.42:10000/assets/js/bulletin.js"></script>

この html コードを保存した後、もう一度 tinymce の HTML ボタンを押すと、次の html コードが表示されます。

<div>&nbsp;</div>
<script type="text/javascript" src="http://192.168.30.42:10000/assets/js/common.js"></script>
<script type="text/javascript" src="http://192.168.30.42:10000/assets/js/bulletin.js"></script>

私のtincmce設定は、settings.pyファイルで次のようになっています:

TINYMCE_DEFAULT_CONFIG = {
    'plugins': "table,paste,searchreplace",
    'theme': "advanced",
    'cleanup_on_startup': True,
    'custom_undo_redo_levels': 10,
    'skin' : "o2k7",
    'width' : "100%",
    'height' : "600px",
    'extended_valid_elements': 'div|bulletin-navigator|bulletin-filter-container|bulletin-event-list-container'
}
4

1 に答える 1