markItUp！和Rails 3.1不好玩

我试图做markitup！与轨3.1工作，魔术我的帖子控制器内发生，所以我把JavaScript的资产/ javascript和我posts.js添加的标记（所以只有在帖子中textarea的观点将得到附加）markItUp！和Rails 3.1不好玩

$(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.markitup.js

文件，我改变了根路径

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

，所以它不会使用markitup做功能检查根设置和使用我的根，而不是

jquery.markitup.js.erb 

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

所以它会得到正确的道路，主要的js文件我_form.html.erb文件

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

做这ES的工作，因为它确实表明与宽度的文本区域：在posts.css.erb设置700像素

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

但仍然没有其他节目或作品，我没有小工具栏上我文本区域的文本编辑（B，我等...）

谢谢你提前，HeTzi &盖伊。

markItUp文档：http://markitup.jaysalvat.com/documentation/

来源

2011-09-12 gmaliar

我不太清楚，有什么不为你工作......但我设法得到它在轨工作3.1。从你上面发布的内容来看，我有一些怀疑。（RoR 3.1）智能地将app/assets中的文件路由到合适的图像，样式表和javascripts文件夹中（从3.1版本开始）。

所以这个：

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

应该是：

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

我根选项一直留到默认：

''

此外，您还没有用于定义标记的set.js（？）文件...如果单击下面的链接，请滚动do wn，然后点击'JSON'标签，你会明白我的意思。

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

从我自己的项目（使用咖啡脚本，MarkItUp页面上从BB代码示例设置）：

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

最后，它没有被初始化，因为我忘了我有一个问题以确保它已加载并实际位于页面上，但不会出现您应该遇到的问题。

祝你好运！

来源

2011-09-15 07:01:36 tehprofessor

markItUp！和Rails 3.1不好玩

回答

相关问题