質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Q&A

解決済

1回答

3126閲覧

ckeditor のイメージボタンから画像アップロードができない

o502

総合スコア10

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

0グッド

1クリップ

投稿2017/08/02 07:26

編集2017/08/02 07:52

###実現したいこと
rails5 で ckeditor(4.2.4)+ refile で画像アップロード。

###発生している問題・エラーメッセージ
イメージ説明

ckeditorの画像ボタンを押すと画像のプロパティダイアログが表示されますが、
なぜだかわかりませんが、「アップロード」タブが表示されません。

イメージ説明

何がいけないのでしょうか。

###設定情報
app/models/ckeditor/asset.rb

ruby

1class Ckeditor::Asset < ActiveRecord::Base 2 include Ckeditor::Backend::Refile 3 include Ckeditor::Orm::ActiveRecord::AssetBase 4end

app/models/ckeditor/attachment_file.rb

ruby

1class Ckeditor::AttachmentFile < Ckeditor::Asset 2 attachment :data, extension: attachment_file_types 3 4 def url_thumb 5 @url_thumb ||= Ckeditor::Utils.filethumb(filename) 6 end 7end

app/models/ckeditor/picture.rb

ruby

1class Ckeditor::Picture < Ckeditor::Asset 2 attachment :data, extension: image_file_types 3 4 def url_content 5 url 6 end 7 8 def url_thumb 9 url(:fill, 118, 100) 10 end 11end

config/initializers/ckeditor.rb

ruby

1Ckeditor.setup do |config| 2 require 'ckeditor/orm/active_record' 3 config.assets_languages = ['ja'] 4 config.assets_plugins = ['image', 'smiley'] 5end

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2017/08/02 07:38

RubyというよりCKEditor本体の問題と思いますので、タグの見直しをお願いします。
m.ts10806

2017/08/02 07:39

CKEditorの設定情報の提示は可能ですか?
guest

回答1

0

自己解決

ckeditor(github)
GitHub公式ページのREADME.md通りに事をなしたのですが、標題の状態でした。

app/assets/javascripts/ckeditor/config.js

を作成し

ruby

1CKEDITOR.editorConfig = function(config) { 2 config.language = 'ja'; 3 config.filebrowserBrowseUrl = "/ckeditor/attachment_files"; 4 config.filebrowserImageBrowseLinkUrl = "/ckeditor/pictures"; 5 config.filebrowserImageBrowseUrl = "/ckeditor/pictures"; 6 config.filebrowserImageUploadUrl = "/ckeditor/pictures"; 7 config.filebrowserUploadUrl = "/ckeditor/attachment_files"; 8 config.allowedContent = true; 9}

この設定を行ったら
出てきた

「アップロード」でました!

投稿2017/08/02 08:45

o502

総合スコア10

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問