1

そのため、Rails アプリケーションにMarkitup bbcode エディターを実装しました。現在、プレビュー機能を動作させようとしています。4 年前のブログ エントリのインストール マークアップをたどりました! Ruby on Rails のおかげで、私がやるべきことにかなり近づきました。これまでのところ、プレビュー ボタンを押すと、空白のテンプレートを表示する iframe がレンダリングされます。

私の jquery.markitup.js には、オプションの 1 つとして次の行があります。

previewTemplatePath:    '/templates/preview',

ルートのページを取得する ajax リクエストを作成します。

resources :templates do
    collection do
      get :preview
    end
  end

現在、プレビュー アクションは単に設定するだけrender :layout => falseなので、html を複製しません。preview.html.erb ページ自体に関しては、私は単に持っています:

<%= bb(params[:data]) %>

この背後にあるアイデアは、エディターに入力されたマークアップを params データ ハッシュに送信し、それを解析して HTML を返す bb コード ヘルパーに渡すことです。

問題

params[:data]マークアップ エディターに入力された bb コードでそれを埋める方法がわかりません。誰か私がそれを送る方法を知っていますか?

追加の詳細: markItUp に渡しているすべてのオプションを含めようと思いました:

options = { id:                     '',
                    nameSpace:              '',
                    root:                   '',
                    previewInWindow:        '', // 'width=800, height=600, resizable=yes, scrollbars=yes'
                    previewAutoRefresh:     true,
                    previewPosition:        'after',
                    previewTemplatePath:    '/templates/preview',
                    previewParser:          false,
                    previewParserPath:      '',
                    previewParserVar:       'data',
                    resizeHandle:           true,
                    beforeInsert:           '',
                    afterInsert:            '',
                    onEnter:                {},
                    onShiftEnter:           {},
                    onCtrlEnter:            {},
                    onTab:                  {},
                    markupSet:          [   { /* set */ } ]
                };
4

1 に答える 1

1

markItUp! を呼び出すときに、previewTemplatePathおよびpreviewParserPathオプションを設定する必要がありました。

previewTemplatePath は、レンダリングされたプレビューを表示するビューを指し、 previewParserPath は、解析とデータ パラメーターを処理するコントローラー アクションを指すことを意味します。ドライな慣習に従っていると仮定すると、両方のパスは私の場合と同じである必要があります。

markItUp! を統合する方法の詳細については、こちらを参照してください。rails では、branch14 のmarkupitup gemのソースを確認してください。

于 2012-09-12T21:32:58.597 に答える