Redmine CKEditor4 Base64 (클립보드 이미지 표시) 문제 해결

Redmine 3.4.3 버전을 사용하고 있다.

그리고 Editor로는 CKEditor 1.1.4를 설치해서 사용 하는데 클립보드 이미지가 Edit 모드에서는 보이지만 View 모드에서는 표시가 되지 않는 문제가 있었다.

검색을 해보니 Base64 인코딩 형식으로 저장을 하는데 CKEditor 플러그인으로 Base64 설치를 해야 한다고 한다.

 

당연히 clipboard image paste 1.13도 설치를 했는데 무슨 문제인지 화면에 클립보드 추가 버튼이 표시가 되지 않아 CKEditor에 Base64를 설치해서 사용하도록 했다.

 

clipboard_image_paste가 정상적으로 작동되지 않는 문제도 해결을 해야 할 듯 싶다.

 

내가 설치해서 사용하는 버전 정보이다.

 

Paste image as base64 | CKEditor.com

Paste image as base64

zip 파일을 다운 받는다.

 

.\redmine-3.4.3-2\apps\redmine\htdocs\plugins\redmine_ckeditor\assets\ckeditor-contrib\plugins\pastebase64 

 

redmine_ckeditor의 plugins 폴더를 찾아 압축 푼 pastebase64 폴더를 복사한다.

 

pastebase64 폴더 안에는 plugin.js 파일이 들어 있다.

 

init.rb 파일을 Editor로 열어 편집을 해야 한다.

 

\redmine-3.4.3-2\apps\redmine\htdocs\plugins\redmine_ckeditor\ init.rb

require 'redmine'
require 'redmine_ckeditor'

Rails.application.config.to_prepare do
  RedmineCkeditor.apply_patch
end

Redmine::Plugin.register :redmine_ckeditor do
  name 'Redmine CKEditor plugin'
  author 'Akihiro Ono'
  description 'This is a CKEditor plugin for Redmine'
  version '1.1.4'
  requires_redmine :version_or_higher => '3.0.0'
  url 'http://github.com/a-ono/redmine_ckeditor'

  settings(:partial => 'settings/ckeditor')

  wiki_format_provider 'CKEditor', RedmineCkeditor::WikiFormatting::Formatter,
    RedmineCkeditor::WikiFormatting::Helper
end

Loofah::HTML5::WhiteList::ALLOWED_PROTOCOLS.replace RedmineCkeditor.allowed_protocols
Loofah::HTML5::WhiteList::ALLOWED_PROTOCOLS.add('data')

 

맨 아래 줄에 추가한 것과 같이 추가하고 저장한다.

Loofah::HTML5::WhiteList::ALLOWED_PROTOCOLS.add('data')

 

이후 redmine을 재시작하면 된다.