编辑TinyMCE控件中的原始HTML

Question

我有一个Django网站，在这个网站上我使用了django-tinymce来编辑HTML字段，使用的是TinyMCE这个工具。

TinyMCE基本上让我可以用所见即所得的方式来编辑HTML。我的问题是，我能否直接访问并编辑底层的HTML呢？我在想，是否有一个按钮可以让我在“所见即所得模式”和“原始HTML模式”之间切换？如果没有，是否有其他简单的方法可以编辑HTML呢？

Answer 1

django-tinymce 版本 3 使用的是 TinyMCE 版本 5，这个版本需要你开启一个叫做 代码按钮插件，并且要把 code 按钮添加到 toolbar 工具栏里：

TINYMCE_DEFAULT_CONFIG = {
    ...
    'plugins': 'code', # along with other plugins, e.g. 'link lists code'
    'toolbar': 'code', # along with other buttons, e.g. 'bold italic | code'
    ...
}

Answer 2

只需要把 code 按钮添加到其中一个工具栏就可以了，比如使用这个配置来设置 django-tinymce：

TINYMCE_DEFAULT_CONFIG = {
    # your other configuration
    'theme_advanced_buttons3_add': 'code',
}

在 这里 可以找到 advanced TinyMCE 主题中可用按钮的列表。