Backbone.js JavaScript

Rails4でMarkdownをリアルタイムプレビュー〜backbone-on-rails&marked.js

投稿日:

前回

Rails4でMarkdownをリアルタイムプレビュー〜vue.js&marked.js

今度は、backbone-on-railsでやってみた.

サンプルアプリ

show.html.erbはredcarpetで見られるようにしておく

Gemfile

generate

application.js

backbone-on-railsが自動でいろいろ足してくれている

_form.html.erb

テキストエリアのフォームにプレビューをくっつける
リアルタイムプレビューにするために、つぎの方針でいく
* Modelにテキストエリア内のデータを保存する
* テキストエリアにイベントがあったらモデルの内容を書き換える
* モデルに変更があったらPreviewを書き換える

この場合、Railsがテキストエリアのidをpost_contentにしている

Model

View テキストエリア

View Preview

Controller

controllerの役割はルートファイルに
アプリ名がStickitSampleだけどstickitは使わなかった

アプリスタート

_form.html.erb内からアプリをスタート.
ゾンビ問題とかはどうなってるか未検証.

できた

screenshot

-Backbone.js, JavaScript
-, , ,

執筆者:

関連記事

Rails3.2でJasmineをつかってBackbone.jsのModelをテストしてみる

  By: Glory Cycles   Developing Backbone.js Applications addyosmani.github.com/backbone-fu

Backbone.jsとjQuery Mobileを一緒に使うためのリンクメモ

  By: Rick Turoczy jQuery Mobileの公式から jQuery Mobile, Backbone.js and Require.js 一例だけどエレガントなのはjQ …

no image

位置情報通知の使いみちアイデアメモ

    ここまでHTML5とGoogle Mapsを使った位置情報通知を試してきたけど、その使いみちについてメモしておきたい 目次1 カレログ的なサービス2 宝探し的なイベント3 …

Rails3.2とBackbone.jsでサーバーサイドのページネーション

By: Haldane Martin – CC BY 2.0   前提 Rails3.2とBackbone.jsでサーバーサイドのフィルタリング Rails3.2とBackbon …

backbone-railsのscaffoldで生成されるコードでルーティングとCRUDの処理をどうやってるのか読んでみた

By: asobi tsuchiya   目次1 はじめに2 サンプルの準備3 初期化4 ルーター5 READ6 CREATE7 UPDATE8 DELETE はじめに backbone-r …