[ROR] Bootstrap Gem & tinymce 사용하기 !

Ruby on Rails - Bootstrap / Tinymce

- Bootstrap

일명 갓트스트랩... CSS 를 못하는 저에게는 킹갓트스트랩님....♡

class 를 지정하여 css 효과를 주는 도구입니다 !

- 사용법

1. Gemfile 에 추가하기

gem 'bootstrap-sass', '~> 3.3.7'

gem "bootstrap_form"

이 두줄을 Gemfile 에 추가시켜줍니다

위에는 부트스트랩을 사용할 수 있도록 해주는 gem 이고 ,

밑에는 form_for 에 bootstrap 을 입혀주는 gem 입니다 !

( bootstrap_form_for  변경해주면 됩니다 ! )

$ bundle

2. css 파일 생성

그 후에 assets/stylesheets/custom.scss 파일을 만든 뒤 아래 코드를 삽입해 줍니다

@import "bootstrap-sprockets";

@import "bootstrap";

3. js 추가해주기

마지막으로 assets/stylesheets/application.js 에

//= require bootstrap-sprockets

을 추가해주면 끝 !

- Timymce

tinymce 는 루비온레일즈의 대표적인 텍스트 에디터 입니다!

- 사용법

1. Gemfile 에 추가하기

gem 'tinymce-rails'

2. tinymce.yml 파일 생성

config/tinymce.yml 파일을 생성한 뒤

toolbar:

  - styleselect | bold italic | undo redo

  - image | link

plugins:

  - image

  - link

코드를 작성해 줍니다 !

3. js 추가해주기

마찬가지로 assets/stylesheets/application.js 에

//= require tinymce

을 추가해주면 끝 !

4. 사용하기

[ _form.html.erb ]

[ show.html.erb ]

tinymce 에디터의 작성내용이 출력되려면 꼭 .html_safe 를 작성해 주셔야합니다 !