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> </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'
}