Mercury Editor 保存图像答案

【问题标题】：Mercury Editor save imagesMercury Editor 保存图像
【发布时间】：2013-06-02 23:14:46
【问题描述】：

我在我的 Rails 3 网站上使用了 Mercury Editor，但上传的图片有点小问题。我有一个带有 data-mercury="image" 的图像标签：

<img id="page_image" data-mercury="image" >

然后我将 Mercury 设置为通过表单将数据发送到我的控制器。我想要做的是将图像的 url 存储在数据库中。如何获取 Mercury Editor 发送的数据？

通常，当我有一个带有 data-mercury="full" 的 div 时，我会像这样在控制器中获取内容：

params[:content][:page_content][:value]

感谢您的帮助。

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-3 image mercury-editor

【解决方案1】：

当我查看水星演示时，它保存了图片网址。因此，您可能可以使用正则表达式解析内容并捕获图像 url。也许您也可以使用 nokogiri 来解析 html。

Rails Cast Source

Official Mercury docmentation

【讨论】：

但它应该有类似 > params[:content][:page_image][:url] no ?
我看到了文档并且没有列出这个选项，所以可能你必须使用 page.content = params[:content][:page_content][:value] 并解析来获取 url。我更新了一些参考资料，你可以看看
感谢您的回答。我知道我可以使用 data-mercury="full" 来做到这一点，并且拥有像往常一样的内容，但我想利用 data-mercury="image"。这会形成一个固定区域，您只能在其中拖放图像。

【解决方案2】：

我用下面的代码解决了这个问题：

#body

<img id="mercury_image" data-mercury="image" src="">
<div id="article_image" data-mercury="full"></div>

#jQuery

$(function() {
    $('#article_image').hide() ;
    $("#mercury_image").load(function(){ 
        $('#article_image').html($('#mercury_image').attr('src'));
    });
});

【讨论】：

您能否详细说明您是如何解决这个问题的以及取得了什么成果？