rails 4 ckeditor를 구성하는 방법 4.1

내 Rails-App에서 CKEditor를 사용하지 않을 것입니다. 내 application.js에 추가 : 내가 "--orm = active_record --backend = 클립을 설치 레일 ckeditor를 생성", "번들 업데이트"를 실행 한 후 내 gemfile에서rails 4 ckeditor를 구성하는 방법 4.1

나는이 라인

gem 'ckeditor', :git => 'https://github.com/galetahub/ckeditor.git'

추가 이 라인 :

<%= f.cktext_area :img, :ckeditor => {:toolbar => 'img', :customConfig => asset_path('ckeditor/config.js')} %>

내가이 폴더와 파이를 만들어 내보기에

//= require ckeditor/init

나는이 줄을 추가 레 :

/app/assets/javascripts/ckeditor 
/app/assets/javascripts/ckeditor/config.js 
/app/assets/javascripts/ckeditor/contents.css

내 config.js은 다음과 같습니다

CKEDITOR.editorConfig = function(config) 
{ 
    config.toolbar_img = [ 
     { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] }, 
    ] 
}

왜 내 편집기는 다음과 같습니다? ckeditor

출처

2014-10-30 Evolutio

무엇 당신이 그것을 것으로 기대했다? – Surya

왜 이렇게 많은 도구 모음이 있습니까? 나는 새로운 페이지와 미리보기 버튼 만 가질 것을 원치 않는다. – Evolutio

CKEditor에서 '새 페이지'와 '미리보기 버튼'은 어디에서 볼 수 있습니까? 코드에 추가 한 문서 구성 링크를 게시 할 수 있습니까? – Surya

변경하여 config.js이 함께 파일 :

또한

//= require ckeditor/init 
//= require_tree ./ckeditor

, CSS 파일이 있어야한다 :

CKEDITOR.config.toolbar= [ 
    { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] } 
];

것은 당신이 당신의 application.js 파일에 config.js을 필요로하는지 확인 여기 : /app/assets/stylesheets/ckeditor/contents.css 여기에 없습니다. /app/assets/javascripts/ckeditor/contents.css

위에서 언급 한 변경 사항을 수행 한 후 수행 할 수있는 작업은 <%= f.cktext_area :img %>입니다. 당신이 text_area에서 설정 값을 전달하려면

그러나, 직접 다음과 같이 뭔가를 수행해야합니다

<%= f.cktext_area :img, :ckeditor => {:toolbar => 'mini'} %>

나 :보기에서

<%= f.cktext_area :img, :ckeditor => {:toolbar => {'name' => 'document', 'items' => ['Source']} } %>

출처

2014-10-30 18:14:04 Surya

아니요, 작동하지 않았습니다. 나는 왜 내 코드가 제대로 작동하지 않는지 이해하지 못했다. – Evolutio

같은 일이 나를 위해 일했습니다. 당신이 가진 다른 코드를 제거 했습니까?또한 application.js에 config 파일이 필요하다는 것을 확인하십시오. – Surya

예, 코드로 코드를 업데이트했습니다. 이전 편집자가 다시 있습니다. – Evolutio

 <%= k.cktext_area :template_text, required: true, :class =>"emailBodyTemplate", :id => "emailBodyText", placeholder: "Email Body Text", :maxlength => 255 %>

에서을 app/assets/javascripts/ckeditor/config.js :

CKEDITOR.editorConfig = function (config) { 
    config.toolbar_mini = [ 
    ["Bold", "Italic", "Underline", "Strike", "-"], 
    ['BulletedList','NumberedList' ],['Outdent','Indent'], 
    ]; 
    config.toolbar = "mini"; 
    config.toolbarLocation = 'bottom'; 
    config.height = 280;  
    config.width = 620;  
    config.removePlugins = 'elementspath';config.removePlugins = 'elementspath'; 
}

출력 :

customized CKEditor

출처

2017-12-11 14:07:40

감사합니다! 하지만 너무 늦은 3 년 온다 : D 조 – Evolutio

rails 4 ckeditor를 구성하는 방법 4.1

답변

관련 문제