Question

我正在将tinyMCE从3.4.2升级到4.0.1。一切都在当地完美。但是，当我在服务器上发布所有内容时，问工具栏加载正常，但图标显示不正确。注意：我有针对app和CDN的单独项目。我猜这是一个跨域/网址引用问题，但无法弄清楚。目前正在加载工具栏，如 - screencast！

所示

    tinyMCE.init({
// General options
theme: "modern",
editor_selector: "mceDesignerEditorAutoresize",
relative_urls: false,
convert_urls: false,
toolbar1: "cut copy paste | bold italic | undo redo | bullist numlist | outdent indent blockquote | link unlink image code | inserttime preview | forecolor backcolor | imgCustom attachCustom",
toolbar_items_size: 'small',
plugins:  [
    "autoresize advlist autolink lists link image charmap print preview hr anchor pagebreak",
    "searchreplace wordcount visualblocks visualchars code fullscreen",
    "insertdatetime nonbreaking save table contextmenu directionality",
    "emoticons template paste textcolor"
],   
accessibility_warnings: false,
accessibility_focus: false,
setup: function (ed) {
    ed.addButton('imgCustom', {
        title: 'Image',
        image: $("#jsTinyMCEImageUrl").val().toString(),
        onclick: function () {
            openModalPopup($("#jsTinyMCEImagePath").val(), "width=700,height=600");
        }
    });
    ed.addButton('attachCustom', {
        title: 'Attachment',
        image: $("#jsTinyMCEAttachUrl").val().toString(),
        onclick: function () {
            try {
                openModalPopup($("#jsTinyMCEAttachPath").val(), "width=400,height=200");
            }
            catch (e) {
            }
        }
    });
},
language: $('#TinyMCECurrentLanguage').val(),
paste_auto_cleanup_on_paste: true

}）;

Answer 1

发现/ js / tinymce / skin / lightgray / fonts文件夹未被复制到服务器。这是因为Visual Studio无法识别字体文件并在构建操作中将它们标记为“无”，因此这些文件未被发布。

通过右键单击字体文件解决此问题，选择“属性”并将“构建操作的值”设置为“内容”。

Answer 2

只是想为这个问题添加更多信息，供以后来的人使用。我遇到了完全相同的问题，但在我的情况下，它与Firefox中的跨站点字体加载有关。（如果你在Firefox中测试，也许你仍会遇到问题）

无论如何，解决方案是允许在加载TinyMCE代码的网站上使用以下http标头跨站点加载字体：

Access-Control-Allow-Origin "*"

有关如何执行此操作的详细信息，请访问How to add an Access-Control-Allow-Origin header

工具栏图标未在tinymce（4.0.1）文本编辑器中显示

2 个答案: