Question

我使用一些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>

my tincmce config在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'
}

Answer 1

看起来TinyMCE 善意地 过滤掉它无法识别的任何标签。它过于有用......

您可能需要在TinyMCE中定义'custom_elements' - http://www.tinymce.com/wiki.php/Configuration:custom_elements

花一些时间Here并配置它以满足您的特定需求。

Tinymce编辑器在管理站点中删除了html代码

1 个答案: