Project

General

Profile

QA #1097

RedmineのMarkdownでテキストを色表示したい。

Added by 奈良 裕記 2 months ago. Updated about 1 month ago.

Status:
回答済
Priority:
通常
Assignee:
Category:
-
Target version:
Start date:
04/26/2020
Due date:
% Done:

0%

Estimated time:

Description

■現象/要望

RedmineのMarkdownでテキストを色表示したい。

Textileでは可能だが、Markdownでは色指定の記法自体が定義されていない。
HTMLのStyleで記入する方法があるがRedmineでは表示されない。

■解決策

発生原因は、Redcarpet(Redmineが使用しているMarkdownのフォーマッタ)の起動オプションにて、
filter_html=trueが指定されているため、HTMLのタグ指定が全て無効化されていること。

redmine/lib/redmine/wiki_formatting/markdown/formatter.rb
def formatter

filter_html=falseに変更すればHTMLタグを出力できる。

但し、Redmine上に不正なHTMLタグを記入された場合、アクセスした利用者が被害を被る可能性がある。
セキュリテイ面の対応配慮、リスク判断は必要。

filter_html=false以外に、safe_links_only、no_linksなども設定すれば、不正なHTMLに対して多少は安全方向に設定できるかもしれない。
(手元の環境では、safe_links_onlyを指定して文字色設定できている)
(設定可能なオプションは、下記のredcarpet referenceを参照)

上記設定後のWiki設定サンプル(背景=黄色の設定)

バナー表示サンプル

<span style="background-color:lightblue;">**[Redmine.Tokyo第18回オンライン勉強会、170名参加ありがとうございました](https://redmine-tokyo.connpass.com/event/174628/)** </span>
<span style="background-color:yellow;">次回イベント **[Redmine大阪 7/11(土)14時- online 受付中](https://redmine-osaka.connpass.com/event/163899/)** 、 **Redmine.Japan 9/18 10時-(予定) 東京-秋葉原近くの元中学校** 、 Redmine.Tokyo 11月頃?  </span>

■対応状況

ソース修正により対応可能

■補足

Redmine-Markdownで文字色指定を有効化する(セキュリティリスク有の暫定対処)
https://qiita.com/oppapili/items/7fdd2eda38f28cf35059

how to allow html tag in redmine wiki
https://www.redmine.org/boards/2/topics/56096?r=57052

Allow "style" tag in Markdown formatter
https://www.redmine.org/issues/22425

Redmine本家 Markdown formatting ユーザガイド(Style表示部分サンプルは、2020/4時点のRedmine標準で動作しない)
https://www.redmine.org/projects/redmine/wiki/RedmineTextFormattingMarkdown

redcarpet reference
https://github.com/vmg/redcarpet#darling-i-packed-you-a-couple-renderers-for-lunch


Files

clipboard-202005311457-2ue4p.png (122 KB) clipboard-202005311457-2ue4p.png バナー表示サンプル 奈良 裕記, 05/31/2020 02:57 PM
#1

Updated by 奈良 裕記 2 months ago

  • Description updated (diff)
#2

Updated by 奈良 裕記 2 months ago

  • Description updated (diff)
#3

Updated by 奈良 裕記 2 months ago

  • Description updated (diff)
#4

Updated by 奈良 裕記 2 months ago

  • Description updated (diff)
#5

Updated by 奈良 裕記 2 months ago

  • Description updated (diff)
#6

Updated by 奈良 裕記 about 1 month ago

バナー利用時のサンプル変更、画像添付

Also available in: Atom PDF