我正在使用一些 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'
}