Rails "Markdown 표기법 소개"
소개
표제대로, 만들고 있는 앱에 Markdown 기법을 할 수 있도록 했습니다.
어떻게든 도입할 수 있었으므로, 복습도 겸해 output 하겠습니다.
이미 이미 아시는 분, 생략하는 방법 등 알고 계시면, 교수 바랍니다.
개발 환경
필요한 젬
Gemfileに追記
gem 'redcarpet'
그런 다음 bundle install입니다.
redcarpet의 기능을 활용할 준비
Gemfileに追記
gem 'redcarpet'
markdown_helper.rb
module MarkdownHelper
def markdown(text)
unless @markdown
options = {
hard_wrap: true
}
extensions = {
no_intra_emphasis: true,
tables: true,
fenced_code_blocks: true,
autolink: true,
quote: true
}
renderer = Redcarpet::Render::HTML.new(options)
@markdown = Redcarpet::Markdown.new(renderer, extensions)
end
@markdown.render(text).html_safe
end
end
text에 반영시키는 이미지로 도입했습니다.
html에서 변환 할 수 있도록되어 있습니다.
적용하려는 views 폴더에 추가
*~*사이는 수시로 변경해 주십시오.
show.html.erb <span><div><%= markdown(@*comment.task.title*) %></div></span>
결과
참고 기사
공부가 되었습니다. 감사합니다.
@hkengo 님 htps : // m / h 사과 / ms / 978 1874cf7 07cdbfc
@shimoch 님 htps : // 이 m / Shimo ch / ms / 466 e d5 ~ c5c232 e 58b34f
redcarpet 공식 README htps : // 기주 b. 이 m / vmg / re d 또는 rpet
사이고에게
매일 공부중이므로, 수시로 갱신합니다.
여러분의 복습에 활용하실 수 있으면 다행입니다.
Reference
이 문제에 관하여(Rails "Markdown 표기법 소개"), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/raigakun/items/4ac4aad12f8cf8a0ed94
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<span><div><%= markdown(@*comment.task.title*) %></div></span>
참고 기사
공부가 되었습니다. 감사합니다.
@hkengo 님 htps : // m / h 사과 / ms / 978 1874cf7 07cdbfc
@shimoch 님 htps : // 이 m / Shimo ch / ms / 466 e d5 ~ c5c232 e 58b34f
redcarpet 공식 README htps : // 기주 b. 이 m / vmg / re d 또는 rpet
사이고에게
매일 공부중이므로, 수시로 갱신합니다.
여러분의 복습에 활용하실 수 있으면 다행입니다.
Reference
이 문제에 관하여(Rails "Markdown 표기법 소개"), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/raigakun/items/4ac4aad12f8cf8a0ed94
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Rails "Markdown 표기법 소개"), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/raigakun/items/4ac4aad12f8cf8a0ed94텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)