wysiwyg-rails-编辑器支援七牛云存储
wysiwyg-rails-qiniu 是基于 wysiwyg-rails制作, 上传的资源直接支持七牛云存储
在使用该gem包前,你得会使用七牛云存储
传送门: Rails 进阶—— 云存储实战
安装
添加下面代码到你的 Gemfile:
1 | gem "wysiwyg-rails-qiniu" |
然后运行 bundle install
.
将资源文件加入到你的 assets
目录
在你的 application.css
文件中, 引入下列文件:
1 | /* |
如果你想使用黑色主题, 你可以加入 themes/dark.min.css
到application.css
文件中.
在你的 application.js
, 引入以下文件:
1 | // |
如果你想使用更多功能插件 Available Plugins, 你应该将下面的这些文件加入的 application.js
和 application.css
.
其中support_qiniu.min.js
是必须要引入的,否则无法使用七牛云存储
1 | // Include other plugins. |
1 | /* |
同样的,如果你要使用中文语言包,请加入响应的js
1 | // Include Language if needed |
到目前位置你已经配置好编辑的基本资源,你需要重启rails服务器
初始化编辑器
详细文档请参见作者官网,提供了初始化代码 Froala WYSIWYG Editor official documentation.
这里提供部分示例代码, 在使用下面代码之前你应该需要知道如何生成七牛上传凭证
1 | $(function() { |
配置代码视图
使用代码视图加高亮效果,可加入以下代码,也可以使用codemirror-rails这个gem包
1 | <link href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.3.0/codemirror.min.css" media="screen" rel="stylesheet"> |
许可
wyg-rails项目是在麻省理工学院的许可。然而,为了使用Froala WYSIWYG HTML编辑器插件你应该购买一个许可证。
下面是许可链接,请支持源作者
Froala Editor has 3 different licenses.
For details please see License Agreement.
致谢
感谢Froala项目作者的贡献, 我在项目的原基础上增加了对七牛云存储的支持.
如果你需要使用其它的云存储平台,请使用wysiwyg-rails进行自定义配置