2

CKEditor でテキストを設定するにはどうすればよいですか? CKEditor も ckfinder と統合する必要があります。

やってみた

// コード ビハインドで ckeditor テキストに値を設定する必要があります。コード ビハインドからその値を取得するために、コード ビハインドで設定される div を使用しています。これは現在非表示になっていませんが、最終的には非表示にする予定です。この値を ckeditor に設定する必要があります。

    <textarea id="editor1" name="editor1"></textarea>
        <script type="text/javascript">
            window.onload = function () {

                    var edt = CKEDITOR.replace('editor1', { toolbar: 'Basic' });
 CKFinder.setupCKEditor(edt, '/ckfinder/');

                    var t = <%=editortext.InnerText %>;


                    CKEDITOR.instances.editor1.setData(t);

            }

t に静的テキストを入れると、 var t = "Some Text";

そして設定

CKEDITOR.instances.editor1.setData(t); それは正常に動作します。

私が使用する場合、

var t = <%=editortext.InnerText %>;


                    CKEDITOR.instances.editor1.setData(t);

ckeditor が表示されなくなりました。テキスト領域のみが表示されます。ckeditor でテキストを設定するには? 助けてください

4

4 に答える 4

1 
<script>
     function SetContents(value ) {

        var oEditor =  CKEDITOR.instances.MainContent_editor1;       
        var t = document.getElementById('<%=editor1.ClientID %>').value ;
        oEditor.setData(t); 

     } 

 </script>


<script type="text/javascript">

                var ckEditor = CKEDITOR.replace('<%=editor1.ClientID %>', {

                    //               extraPlugins: 'bbcode',
                    //               fullPage : true,
                    extraPlugins: 'docprops',
                    removeDialogTabs: 'image:advanced',
                    filebrowserImageUploadUrl: 'Upload.ashx',
                    resize_enabled: false,


                    toolbar: [

                ['Source', '-', 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink'],

                ['FontSize', 'TextColor', 'BGColor'],

                ['Image']

            ]

                });
                var oEditor = CKEDITOR.instances.MainContent_editor1;
                var t = document.getElementById('<%=editor1.ClientID %>').value;
                oEditor.setData(t);

                function pageLoad() { // this is because after postback jquery not working

                            var instance = CKEDITOR.instances['<%=editor1.ClientID %>'];


                    if (instance) {
                        CKEDITOR.remove(ckEditor);
                    }
                    CKEDITOR.replace('<%=editor1.ClientID %>', {

                        //               extraPlugins: 'bbcode',
                        //               fullPage : true,
                        extraPlugins: 'docprops',
                        removeDialogTabs: 'image:advanced',
                        filebrowserImageUploadUrl: 'Upload.ashx',
                        resize_enabled: false,
                        toolbar: [

                ['Source', '-', 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink'],

                ['FontSize', 'TextColor', 'BGColor'],

                ['Image']

            ]

                    });

                    var oEditor = CKEDITOR.instances.MainContent_editor1;
                    var t = document.getElementById('<%=editor1.ClientID %>').value;
                    oEditor.setData(t);

                    }

 </script>
于 2014-10-30T04:29:12.387 に答える
0

この投稿は古い引用ですが、他の人がこれを見るのに遅すぎないことを願っています:

サーバー側のコードを引用符で囲むのを忘れました:

var t = "<%=editortext.InnerText %>";

ページは次のようにレンダリングされます。

var t = "your text here";

それ以外の

var t = ここにテキスト。

あなたのコードを使用すると、JavaScriptのパーサーが確実に壊れます

于 2013-09-24T09:56:18.920 に答える
0

まず、ブラウザのコンソールでエラーを確認してください。また、バックエンド コードからこのテンプレートにレンダリングされる内容も確認してください。ほとんどの場合、欠落しているのは引用符""であるか、レンダリングされた文字列にエスケープされていないアポストロフィ/引用符が含まれています。マーク。

コンソールがすべてです。

于 2013-02-10T22:23:13.290 に答える