Question

我在Django 1.10.7和Python 3.6.2上有Mezzanine 4.2.3。

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

Mezzanine显然使用他们自己的TinyMCE定制设置。它看起来不像TinyMCE文档引用的那个，也不使用django-tinymce。

我不熟悉JavaScript。一旦找到了正确的文件，我就会复制粘贴经典js插件和工具栏，结果不一致：

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

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

这是非常奇怪的事情：在编辑器和预览中，字体和背景颜色工作正常。但是，当我打开网站时，什么都没有，当我回到编辑器时，再也没有任何颜色的迹象了。相反，在编辑器中，你无法告诉Pre的Pre，但在网站上，它们看起来不同，并且应该如此。我现在最好的猜测可能是CSS问题，但我还没有检查过。我仍然看到什么有效，什么无效。

选择文字后，很难点击选择。这样做需要三次或更多次点击。我切换回原来的'content css'设置，但是颜色字体和bg仍然不起作用。我也重新启动服务器无效。我有枕头。我不知道下一步该做什么。

我把它发布到Mezzanine小组但没有得到回复。我也发帖给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代码的链接

https://www.tinymce.com/docs/demo/classic/

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

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教程。潜入这个选项的问题是Mezzanine在整个程序中分散了TinyMCE，包括在grapelli和filebrowser中，所以我不确定如何通过手术去除所有这些，我也不知道可能导致哪种类型的附带损害。

Answer 1

如果您按照我的回复中的链接暂停评论，您会看到我终于得到了一个有效的答案。我希望能帮助别人。

Mezzanine中的TinyMCE设置

1 个答案: