ckeditor에서 텍스트를 설정하는 방법

Question

어떻게 CKEditor에서 텍스트를 설정합니까? CKEditor도 ckfinder와 통합해야합니다.

은 내가 뒤에 코드 값으로 ckeditor 텍스트를 설정해야합니다 //

을 수행했습니다. 코드 bhind에서 그 값을 얻으려면, 나는 코드 뒤에 설정 될 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 = "텍스트"; 다음

및

설정

CKEDITOR.instances.editor1.setData (t); 그것은 잘 작동합니다. 내가 사용하는 경우

,

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


        CKEDITOR.instances.editor1.setData(t); 

ckeditor는 더 이상 표시됩니다. 텍스트 영역 만 표시됩니다. ckeditor에서 텍스트를 설정하는 방법? 도와주세요

Answer 1

먼저 브라우저의 콘솔에 오류가 있는지 확인하십시오. 또한 백엔드 코드에서 렌더링되는 내용을이 템플릿으로 관찰하십시오. 대부분 누락 된 부분은 따옴표 ""이거나 렌더링 된 문자열에 이스케이프 처리되지 않은 아포스트로피/quot가 들어 있습니다. 점수.

콘솔이 전부입니다.

CKEDITOR.instances['editor1'].setData(t); // where editor1 is id 

을 OR이

edt.setData(t); 

Answer 2

이 구문은 여기에 유용 할 수 있습니다

을

서버 측 코드를 따옴표로 묶지 않으 셨습니다.

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

페이지는 다음과 같이 표현됩니다

var t = "your text here"; 

대신

var에 t

의 = 여기에 텍스트를;

확실히 자바 스크립트의 파서에게 휴식 것입니다 코드를 사용하여

Answer 3

이 게시물을 인용 오래하려고하지만 난 너무 늦게 다른 사람이 볼 수 있도록하지 않다 희망 :

Answer 4

<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>