实现之后效果类似:
http://www.craigambrose.com/redbox_demo
1,安装redbox,如安装不成功可以通过svn直接到ruby服务器上checkout下来。
命令行进入相应工程目录执行:ruby script/plugin install svn://rubyforge.org/var/svn/ambroseplugins/redbox
2,将插件下的redbox.js和redbox.css分别拷到工程public下相应的目录中。(最后可以根据页面的显示需要更改或添加css样式)
3,在需要使用redbox的页面引入以下文件:
<%= stylesheet_link_tag 'redbox' %>
<%= javascript_include_tag :defaults %>
<%= javascript_include_tag 'redbox' %>
4,主页面
<%= link_to_remote_redbox "编辑", :url => "/blog_comments/#{comment.id}/edit",:method => :get %>
添加对应的edit控制器方法以及编辑页面。
取消可以用:
<%= link_to_close_redbox "取消" %>
也可以自定义取消方法。
分享到:
相关推荐
您可能不应该在3.0.0发布之前使用它。 或手动: import RedBox from 'redbox-react' const e = new Error ( 'boom' ) const box = < RedBox xss=removed> 这是一个更有用的完整示例: /* global __DEV__ */ ...
标题中的"plugin-transaction-curation-redbox-1.4.zip"指示这可能是一个与事务处理和错误调试相关的插件,版本号为1.4。在IT行业中,"Redbox"通常指的是一个用于捕获和记录应用程序错误的工具,特别是在分布式系统...
Protractor可以与各种报告插件集成,如Jasmine HTML reporter或Cucumber JSON reporter。 9. **持续集成**:为了确保每次代码更改后都能运行这些测试,项目可能已经集成了持续集成(CI)服务,如Jenkins、Travis CI...
9. **平台特定功能**:如果需要接入特定平台的功能,如iOS的Push Notifications或Android的权限管理,可以使用Platform API或社区插件如react-native-push-notification。 10. **测试**:确保应用的质量,可以使用...
用于安装uts定制的插件。 在redbox-portal上的开发 添加到package.json " @uts-eresearch/sails-hook-redbox-uts " : " file:../hooks/sails-hook-redbox-uts " , 或通过github安装 npm install --save ...
如果您有要提交包含的网站,请在“支持”选项卡上使用登录URL发表评论。 请注意,在更新此扩展程序时,您可能需要接受它所需的新权限,然后才能启用该扩展程序,因为新版本的loginFocus通常会增加对更多网站的支持。...
此外,优化方面,可以使用React Native的PureComponent、shouldComponentUpdate等生命周期方法减少不必要的渲染,或者使用Babel插件如babel-plugin-react-native-paper来优化资源加载。 七、测试与自动化 自动化...
在Java标签的指引下,我们可以推测这个项目可能是RN的Java后端服务或者是与Java相关的库或者插件。RNshizhan-master作为压缩包的主要文件,很可能是该项目的源代码仓库,其中包含了项目的主分支代码。 在深入探讨...