Javascript 夹层中的TinyMCE设置

我在Django 1.10.7和Python 3.6.2上使用了夹层4.2.3

Mezzanine在管理层有一个TinyMCE编辑器。我不确定编辑器上的版本是什么，但我认为它是4+。默认编辑器非常基本，所以我想添加更多功能

夹层显然使用他们自己为TinyMCE设置的自定义设置。它看起来不像TinyMCE文档引用的文档，也不使用django TinyMCE

我不太精通JavaScript。找到正确的文件后，我复制粘贴了插件和工具栏的经典js，结果好坏参半：

工作 粗体、斜体、下划线、删除线、右对齐、左对齐、居中对齐和完全对齐、增加和减少缩进、查找和替换、复制、字体、代码、前缀、标题、插入图像、打印、预览

不起作用 字体颜色、背景色、视频嵌入（5毫克太大了！？）、剪切、粘贴、块报价

这里有一件非常奇怪的事情：在编辑器和预览中，字体和背景色都可以正常工作。但是当我打开网站时，什么都没有，当我回到编辑那里，再也没有任何颜色的迹象了。相反，在编辑器中，您无法区分代码和Pre，但在网站上，它们看起来不同，而且它们应该是不同的。我现在最好的猜测是，这可能是一个CSS问题，但我还没有检查。我仍在观察哪些有效，哪些无效

选择文本后，很难从选择中单击。这样做需要三次或更多的点击。我切换回原来的“内容css”设置，但彩色字体和背景仍然不起作用。我也重新启动了服务器，但没有任何效果。我有枕头。我不知道下一步该怎么办

我把这个贴到了夹层集团，但没有得到回复。我也给TinyMCE发了邮件，他们说因为他们不知道夹层，所以我应该去那里

更新

好吧，我的错，我忽略了包含代码。以下是原始默认代码：

var tinymce_config = {
    height: '500px',
    language: language_codes[window.__language_code] || 'en',
    plugins: [
    "advlist autolink lists link image charmap print preview anchor",
    "searchreplace visualblocks code fullscreen",
    "insertdatetime media table contextmenu paste"
],
link_list: window.__link_list_url,
relative_urls: false,
convert_urls: false,
menubar: false,
statusbar: false,
toolbar: ("insertfile undo redo | styleselect | bold italic | " +
          "alignleft aligncenter alignright alignjustify | " +
          "bullist numlist outdent indent | link image table | " +
          "code fullscreen"),
file_browser_callback: custom_file_browser,
content_css: window.__tinymce_css,
valid_elements: "*[*]"  // Don't strip anything since this is handled by bleach.
};

这是我使用的TinyMCE代码的链接

这就是我的代码现在的样子

var tinymce_config = {
    height: '500px',
    language: language_codes[window.__language_code] || 'en',
    plugins: [
        "advlist autolink autosave link image lists charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
        "table contextmenu directionality emoticons template textcolor paste fullpage textcolor colorpicker textpattern"
    ],
    link_list: window.__link_list_url,
    relative_urls: false,
    convert_urls: false,
    menubar: false,
    statusbar: false,
    toolbar1: "newdocument fullpage | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect formatselect fontselect fontsizeselect",
    toolbar2: "cut copy paste | searchreplace | bullist numlist | outdent indent blockquote | undo redo | link unlink anchor image media code | insertdatetime preview | forecolor backcolor",
    toolbar3: "table | hr removeformat | subscript superscript | charmap emoticons | print fullscreen | ltr rtl | visualchars visualblocks nonbreaking template pagebreak restoredraft",
    // content_css: [
    //     '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
    //     '//www.tinymce.com/css/codepen.min.css'],
    file_browser_callback: custom_file_browser,
    content_css: window.__tinymce_css,
    valid_elements: "*[*]"  // Don't strip anything since this is handled by bleach.
};

---

我发现自己制作这些东西是相对容易的。youtube上有关于如何使用的教程。对于我来说，这个选项的问题是夹层在整个程序中分散了TinyMCE，包括grapelli和filebrowser内部，所以我不知道如何通过手术去除所有这些，也不知道可能会造成什么样的附带损害

如果你关注我对哈弗评论的回复中的链接，你会发现我最终得到了一个有效的答案。我希望这能帮助别人

如果你关注我对哈弗评论的回复中的链接，你会发现我最终得到了一个有效的答案。我希望这能帮助别人

您是否会将您的帖子链接添加到所有交叉帖子中，以便希望回复的读者可以在发布前检查您的副本？这样，如果你在别处收到了答案，他们就可以避免浪费时间。@halfer这是谷歌集团帖子的链接：。我现在有一个回应，如下所示：将默认设置从

mezzanine/core/static/mezzanine/js/tinymce\u setup.js

复制到您的静态资产中，更改

tinymce\u setup\u js

。。。值，然后对其进行修改。这很好，只是它回避了一个问题，即究竟要做哪些修改。我在TinyMCE社区网站上的帖子已经被删除了！显然，他们不喜欢超过一周的帖子。你会在所有交叉帖子中添加你帖子的链接，以便希望回复的读者可以在发布前检查你的副本吗？这样，如果你在别处收到了答案，他们就可以避免浪费时间。@halfer这是谷歌集团帖子的链接：。我现在有一个回应，如下所示：将默认设置从

mezzanine/core/static/mezzanine/js/tinymce\u setup.js

复制到您的静态资产中，更改

tinymce\u setup\u js

。。。值，然后对其进行修改。这很好，只是它回避了一个问题，即究竟要做哪些修改。我在TinyMCE社区网站上的帖子已经被删除了！显然，他们不喜欢超过一周的帖子。