Ruby on rails-스캐폴딩한 게시판에 tinymce 에디터 적용하기

Ruby on rails- 스캐폴딩 게시판에 TinyMCE 에디터 적용하기

| 시작하기에 앞서

앞서, 중앙대 멋사 사이트 구축을 위한 대략적 설계를 하고, 그다음단계로는 스캐폴딩된 게시판 구조에 tinymce를 적용시키기로 했다.

http://blog.naver.com/PostView.nhn?blogId=kbs4674&logNo=221012826088 참고

예전에 tinymce를 적용했던 경험도 있고, 위블로그에 매우 잘정리되어 있기에 이 에디터를 적용하게 되었다.

1.tinymce.yml

toolbar: undo redo | forecolor | bold italic | alignleft aligncenter alignright | fontselect | code | link | uploadimage | table |
plugins:
  - link
  - uploadimage
  - textcolor
  - code
  - table
​

위를config 폴더내에 tinymce.yml 파일을 만들어 작성한다.

2.app/asset/javascripts 폴더내에 있는 application.js 파일을 열어

//= require tinymce
//= require tinymce-jquery

를 넣어준다.

3._form.html 파일에는 아래와 같은 내용으로 바꿔준다. (Scaffolding r기준)

<%= tinymce :language => "ko" %>를 추가해 주고 아래와 같은 형식으로 바꿔준다.

<div class="field">
    <%= f.label :내용 %>
    <%= tinymce :language => "ko" %>
    <%= f.text_area :content, id: :post_content, class: "form-control tinymce", rows: "10" %>
</div>

tinymce.yml 파일을 만들때,  아래와 같은 오류가 있어 확인해보니 yml파일에 오타가 있어서 아래와 같은 오류가 있던것이었다.

stackoverflow에 검색한 바에 따르면, 아래와 같은 오류는 yml파일과 관련된 것이 대부분이라고 하였다.

오류는 해결되었지만, Failed to load plugin: uploadimage from url http://localhost:3000/assets/tinymce/plugins/uploadimage/plugin.js

과 같은 오류가 떳다..ㅎ..... 적용한번 시키기 어렵다...ㅠ

 TinyMCE 번역을 적용 시, '이미지 업로드' 기능이 있으면 일단 번역은 되나,

 (조금 걸리적 거릴 정도로) 오류메세지가 나오니 이 점 참고바랍니다.

[출처] 레일즈/Ruby on Rails : 게시판 텍스트 편집기 [Gem : TinyMCE]|작성자 Languid

그렇다고 한다.....ㅎ.....

파일 업로드 기능은 carrier wave gem을 활용할 예정이다.