markdown接入 « linzhewei's Blog

markdown to html

无论什么输入框，只要输入markdown语言即可转为特定格式输出。

gem "ultra_markdown", github: "rocodev/ultra_markdown"

https://github.com/rocodev/ultra_markdown

Usage:

"string".to_markdown

例如：

<%= @task.description.to_markdown %>

备用：red carpet

https://github.com/vmg/redcarpet

markdown 编辑器

gem 'simplemde'

http://www.rubydoc.info/gems/simplemde-rails/1.10.2

安装gem

Usage:

①在对应的layout里（注：如果和已经转载的其他编辑器有样式冲突，可以把stylesheet的那段代码直接移到对应需要加载simpleMDE的view里，而不在layout里加载）

  <head>
   略
      <%= csrf_meta_tags %>
      <%= stylesheet_link_tag    'simplemde.min' %>
      <%= javascript_include_tag 'simplemde.min' %>
      <%= yield :stylesheets %>
    略
  </head>

②config/initializers/assets.rb

Rails.application.config.assets.precompile += %w(simplemde.min.scss)
Rails.application.config.assets.precompile += %w(simplemde.min.js)

③加载编辑器（在content的输入框里）

略
  <%= simple_form_for [:admin, @faq] do |f| %>
略    
  <%= f.input :content, :label =>"解答"  %>
略


<script>
var simplemde = new SimpleMDE({
  element: document.getElementById("faq_content")
});
simplemde.value();
</script>
# 放在最后