2017-09-27 11 views
1

CkEditor Standard 4.7.3을 사용하고 있습니다. 내 코드 대신 CkEditor를 표시하지 않고 간단한 TextArea를 표시합니다. 아래 코드는 내가 사용 해왔다.각도 원형 코드 프로젝트에 CKEditor가 표시되지 않습니다.

<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta charset="utf-8" /> 
    <title></title> 
    <script src="../../../node_modules/ckeditor/ckeditor.js"></script> 
    <script src="../../../node_modules/ckeditor/adapters/jquery.js"></script> 
    <script type="text/javascript"> 
     CKEDITOR.replace('myEditor'); 
    </script> 
</head> 
<body> 
    <div id="divMailBox"> 
     <span>Subject</span> 
<textarea class="ckeditor" id="myEditor" name="myEditor" cols="20" rows="10"><b>New Text can this be changed</b></textarea> 
    </div> 
</body> 
</html> 

은 제가 URL을 https://embed.plnkr.co/hnB0R3/

을 검토 답을 발견했습니다

+0

각도 응용 프로그램에서 각도보기를 사용하여 편집기를 표시해야합니다. –

+0

필요 없음 답변을 찾았으며 아래에 추가했습니다. – Saravanan

답변

0

을 추가 할 것을 알려 주시기 바랍니다 다음 단계 1) 패키지 NPM은 NG2 - ckeditor를 설치 설치를 따르십시오 - -save

2) index.html에 스크립트 추가

3) app.module.ts adde 이하

에서 가져 오기 {CKEditorModule} 'ng2-ckeditor'에서 가져 오기;

후 수입 부에

수입 CKEditorModule 성분을 추가 한 다음 [

를 ....../* 일부 성분 */

, CKEditorModule ]

4) 아래 HTML 페이지에 컨트롤을 추가하십시오.

<ckeditor [(ngModel)]="content" debounce="500"> 
<p>Hello <strong>world</strong></p> 
</ckeditor> 

5) 페이지에서 HTML 편집기를 실행하고 확인하십시오.