質問

私はマニュアルをしようとしています! Rails 3.1で作業すると、マジックは私の投稿コントローラーの中で起こります、 そのため、アセット/ JavaScriptのマークアップJavaScriptを投げ、POSTS.JSに追加しました。

$(document).ready(function() {
  $(".markItUp").markItUp(mySettings);
});
.

資産/スタイルシート/ POSTS.CSS

.markItUpHeader ul .markItUpDropMenu {
background:transparent url(images/menu.png) no-repeat 115% 50%;
margin-right:5px;
}
.

さらに変更する

images/menu.png to <% asset_path 'menu.png' %>
.

だからそれは良いASSET_PATHイメージパスを入手することができます

jQuery.Commatup.jsファイルでは、ルートパスをに変更しました

options = {
root: '<%= asset_path 'jquery.markitup.js' %>'
.

だから根のセットをチェックし、代わりに私のrootを使用するためのMarkitup Cake関数を使用しません

jquery.markitup.js.erb

// compute markItUp! path
if(!options.root) {
etc .... (does the markitup path computation for the .js file
.

だからメインJSファイルへの正しいパスを取得します My _Form.html.erbファイルはです

<%= f.text_area :content, :class => 'markItUp' %>
.

これは、POSTS.CSS.ERB に設定されている幅でテキスト領域を表示するように機能します。

.markItUp {
 width:700px;
 etc ....
.

しかし still 他には表示または作品していません。テキスト編集のテキスト領域の上に小さなツールバーを持っていません(b、i etc ...)

事前にありがとう、ヘッチ&ガイ。

Markitupのマニュアル:> http://markitup.jaysalvat.com/documentation/

役に立ちましたか?

解決

私はよくわからない、あなたのために働いていないのです...しかし、私はそれをRails 3.1で働くことに成功しました。あなたが上に投稿したものから、私はカップルの疑いがあります。

最初に、Rails 3.1では、私が日中、その日に言うことができるものから、それはアップグレードされて以来、それは(ROR 3.1)、ファイル/アセットのファイル/アセットを適切な画像、スタイルシート、JavaScriptsフォルダにインテリジェントにルーティングします。

だからこれ:

background:transparent url(images/menu.png) no-repeat 115% 50%;
.

にするべきである:

background:transparent url(/assets/menu.png) no-repeat 115% 50%;
.

my root オプションはデフォルトに残されています:

''
.

また、マークアップを定義するためのset.js(?)ファイルを含めていません。

http://markitup.jaysalvat.com/examples/html/
.

(コーヒースクリプトを使用して、MarkitupページのBBCodeの例からの設定):

myBbcodeSettings = {
previewParserPath:  '', // path to your BBCode parser
markupSet: [
    {name:'Bold', key:'B', openWith:'[b]', closeWith:'[/b]'},

    ...

    {name:'Preview', className:"preview", call:'preview' }
    ]
}

$("#parent-element textarea").markItUp(myBbcodeSettings);
.

最後に、私はそれがロードされていて実際にページにあることを確認するのを忘れていたので、私はそれが初期化されていないことに問題があったが、それはその問題を抱えているはずではないことがない。

頑張って!

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top