4

tinyMCE を 3.4.2 から 4.0.1 にアップグレードしています。すべてがローカルで完璧に機能します。しかし、サーバーですべてを公開したときに問題が発生しました。ツールバーは正常に読み込まれますが、アイコンが正しく表示されません。注: アプリと CDN 用に別々のプロジェクトがあります。これはクロスドメイン/URL 参照の問題であると推測していますが、それを理解することはできません。現在、ツールバーはスクリーンキャストに示されているようにロードされています。

    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

});

4

2 に答える 2

2

後で来る人のために、この質問にさらに情報を追加したかっただけです。私もまったく同じ問題を経験しましたが、私の場合は、Firefox でのクロスサイト フォントの読み込みに関係していました。(おそらく、Firefox でテストすると、まだ問題が発生する可能性があります)

とにかく、解決策は、TinyMCE コードが読み込まれているサイトで、次の http ヘッダーを使用してフォントのクロスサイト読み込みを許可することです。

Access-Control-Allow-Origin "*"

これを行う方法の詳細については、Access-Control-Allow-Origin ヘッダーを追加する方法を参照してください。

于 2013-09-02T10:40:28.817 に答える