0

Tiny mce エディタでフォント サイズまたはフォント スタイルを変更し、[保存してページを表示] をクリックすると、フォームに正しいフォント サイズとスタイルが表示されます。
エディターを再度開くと、エディターに正しいフォント サイズまたはスタイルが表示されません。(IE9 のみの問題) IE9 では、以前に選択して保存したスタイルとフォントのサイズが表示されません。firefox はそれを正しく表示します。

HTML

            <textarea class="news-copy"
                        data-bind="
                            tinymce: Copy,
                            tinymceOptions: { 
                                plugins: 'paste,searchreplace',
                                content_css: 'Styles/ControlCSS/MainPage.css',
                                toolbar2: 'fontselect,fontsizeselect',
                                menubar: false,
                                statusbar: false,
                                browser_spellcheck: true,
                                valid_elements: '',
                                body_class: 'mainpage-container-text'
                            },                              
                            autoActivate: false">
            </textarea>

IE9

IE9

Firefox Firefox 画像 クリーンアップ ユーティリティが IE のフォント サイズのスパン タグを削除しているようです。

    <html>
<head xmlns="http://www.w3.org/1999/xhtml">
<meta content="IE=7" http-equiv="X-UA-Compatible">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link rel="stylesheet" type="text/css" href="http://localhost/myapplication/Scripts/tiny_mce/themes/advanced/skins/o2k7/content.css">
<link rel="stylesheet" type="text/css" href="http://localhost/myapplication/Styles/ControlCSS/MainPage.css">
</head>
<body dir="ltr" id="tinymce" onload="window.parent.tinyMCE.get('mce_0').onLoad.dispatch();" class="mceContentBody mainpage-container-text" contentEditable="true">
<p>Hello Test &nbsp; &nbsp; Test1
</p>
</body>

Firefox-firebug

<html>
<head xmlns="http://www.w3.org/1999/xhtml">
<meta content="IE=7" http-equiv="X-UA-Compatible">
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link href="http://localhost/myapplication/Scripts/tiny_mce/themes/advanced/skins/o2k7/content.css" rel="stylesheet" type="text/css">
<link href="http://localhost/myapplication/Styles/ControlCSS/MainPage.css" rel="stylesheet" type="text/css">
</head>
<body contenteditable="true" onload="window.parent.tinyMCE.get('mce_0').onLoad.dispatch();" class="mceContentBody mainpage-container-text" id="tinymce" spellcheck="false" dir="ltr">
<p>Hello 
<span data-mce-style="font-size: 14pt;" style="font-size: 14pt;">Test &nbsp; &nbsp;</span> 
<span data-mce-style="font-size: 18pt;" style="font-size: 18pt;">Test1</span>
</p>
</body>

Tiny MCE 構成

 tinymceOptions: {
                // Default Theme options:
                // "setup" can not be overridden instead use onBeforeTinyMCESetup and onAfterTinyMCESetup
                mode: 'none',
                theme: 'advanced',
                plugins: 'paste,searchreplace,legacyoutput',
                skin: 'o2k7',
                skin_variant: 'silver',
                content_css: '../../Styles/RadEditor_CourierNew.css',
                paste_auto_cleanup_on_paste: true,
                valid_elements: '@[align],b/strong,i/em,strike/s,u,br,p,div',
                theme_advanced_buttons1: 
                    'bold,italic,underline,strikethrough,' +
                    '|,cut,copy,paste,selectall,' +
                    '|,undo,redo,' + 
                    '|,justifyleft,justifycenter,justifyright,justifyfull,' +
                    '|,search,replace,help,spellcheck',
                theme_advanced_buttons2: '',
                theme_advanced_buttons3: '',
                theme_advanced_toolbar_location: 'top',
                theme_advanced_toolbar_align: 'left'
            },
            radSpellCheckID: null,
            onBeforeTinyMCESetup: null,
            onAfterTinyMCESetup: null,
            onTinyMCEBlur: null,
            delayEditorDisplay: true,
            htmlEncode: true,
            displayFontFamily: 'Arial, Helvetica, sans-serif',
            displayFontSize: '11px'
        };
4

1 に答える 1

0 
 value = ko.utils.unwrapObservable(valueAccessor());

 ed.onInit.add(function(ed) {
                           $element.tinymce().setContent(value, { format: 'raw' });
                        });
于 2013-07-18T14:09:53.990 に答える