markItUp! et Rails 3.1 ne jouent pas bien

Question

J'essaie de faire markitup! travailler avec des rails 3.1, la magie se produit dans mon contrôleur postes, donc je jeté le balisage javascript actif/javascript et a ajouté dans mes posts.js (alors que textarea dans les messages vue obtiendrait jointe)

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

dans mes actifs/stylesheets/posts.css

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

encore plus je changer

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

il obtiendrait le bon chemin d'images asset_path

dans le fichier jquery.markitup.js j'ai changé le chemin de la racine à la

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

donc il ne sera pas utiliser la fonction faite de markItUp pour vérifier racine définir et utiliser ma racine au lieu

jquery.markitup.js.erb 

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

il serait donc obtenir le droit chemin au fichier principal js mon fichier _form.html.erb est

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

ce do es travaux comme il montre la zone de texte à la largeur: 700px définie dans posts.css.erb

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

mais encore rien d'autre des spectacles ou des œuvres, je n'ai pas la petite barre d'outils au-dessus de ma zone de texte pour l'édition de texte (B, I ​​etc ...)

merci d'avance, HeTzi & Guy.

documentation markItUp: http://markitup.jaysalvat.com/documentation/

Answer 1

Je ne suis pas tout à fait sûr, ce qui ne fonctionne pas pour vous ... mais je l'ai réussi à le faire fonctionner dans des rails 3.1. D'après ce que vous avez posté ci-dessus, j'ai quelques soupçons. Tout d'abord, dans Rails 3.1, d'après ce que je peux dire dans la journée ou depuis sa mise à niveau, RoR 3.1 achemine intelligemment les fichiers dans: app/assets vers le dossier images, stylesheets et javascripts approprié .

donc ceci:

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

devrait être:

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

Ma racine l'option a été laissée à la valeur par défaut:

'' 

, vous avez également non inclus le fichier set.js (?) pour définir le balisage ... Si vous cliquez sur le lien ci-dessous, faites défiler wn, et cliquez sur l'onglet 'JSON', vous verrez ce que je veux dire.

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

De mon propre projet (en utilisant un script de café, et les paramètres d'un exemple de BBcode sur la page markItUp):

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); 

Enfin, je un problème avec ce pas en cours d'initialisation parce que j'oublié pour s'assurer qu'il avait chargé et était effectivement sur la page, mais il ne semble pas que vous devriez avoir ce problème.

Bonne chance!