バージョン 2 - 履歴 - Redmine RawHtml plugin - A painter and a black cat

1

kanata

# Redmine RawHtml plugin

2

3

{{toc}}

4

5

# RawHtml plugin開発

6

7

## 概要

8

9

通常のRedmine(RubyOnRails)は、デフォルトで許可していないタグやスクリプトを表示・実行することができません。

10

これはセキュリティ上の仕様であり、正しい、あるべき姿です。

11

12

ただ、ただどうしても、貼り付けたいブログパーツとか、実行させたいJavaScriptとかがある場合があります。

13

それを可能にする[Wikiマクロ](http://yohshiy.blog.fc2.com/blog-entry-78.html)になります。

14

15

## 使い方

16

17

```

18

{{rawhtml(ここにhtmlタグ等を書く)}}

19

```

20

21

例

22

23

```

24

{{rawhtml(<div style="color:#ff0000">あああ</div>)}}

25

```

26

27

{{rawhtml(<div style="color:#ff0000">あああ</div>)}}

28

29

## 実行例

30

31

### SlideShareの貼り付け

32

33

{{rawhtml(<iframe src="//www.slideshare.net/slideshow/embed_code/key/3soyRAuyJc0nOS" width="340" height="290" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/bata_24/katagaitai-ctf-4-57598780" title="katagaitai CTF勉強会 #4 pwnables編 - CodeGate 2015 Pwnable400 beef_steak" target="_blank">katagaitai CTF勉強会 #4 pwnables編 - CodeGate 2015 Pwnable400 beef_steak</a> </strong> from <strong><a href="//www.slideshare.net/bata_24" target="_blank">bata_24</a></strong> </div>)}}

34

35

### PHOTOPRESSOの貼り付け

36

37

{{rawhtml(<script type="text/javascript" src="https://wpb.imagegateway.net/blogparts/9194892536"></script>)}}

38

39

### ブログカードの貼り付け([はてなブログ記事紹介ジェネレータ](http://otatin.com/widget/introgen/)を利用)

40

41

{{rawhtml(<div class="intro-article-wrapper" style="width: 100%; overflow: auto;"><a class="intro-article-img" href="https://raintrees.net/news/69" target="_blank" style="float:left;" rel="nofollow"><img src="http://capture.heartrails.com/150x130/shadow?https://raintrees.net/news/69" align="left" width="150" height="130" alt="オシャレ定量化コマンドを作ってオシャレ評価してみた - A painter and a black cat"></a><a class="intro-article-title" href="https://raintrees.net/news/69" target="_blank" style="font-size:110%;" rel="nofollow">オシャレ定量化コマンドを作ってオシャレ評価してみた - A painter and a black cat</a> <img src="http://b.hatena.ne.jp/entry/image/https://raintrees.net/news/69" style="opacity:0.8;"><span style="clear: both;"></span></div>)}}

42

43

### ブログカードの貼り付け([Embed Code Generator](http://embed.ly/code)を利用)

44

45

{{rawhtml(<a class="embedly-card" href="https://raintrees.net/news/69">オシャレ定量化コマンドを作ってオシャレ評価してみた - A painter and a black cat</a><script async src="//cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>)}}

46

47

## ダウンロード

48

49

このページに添付してあるやつをダウンロードします。

50

52

1

kanata

53

## セットアップ

54

55

56

DBは使ってないので、rakeとかは必要ありません。

57

ダウンロードファイル解凍後、pluginsフォルダへ。

58

59

````

60

61

# mv -i ./rawhtml /opt/alminium/plugins

62

````

63

64

お使いの環境に合わせて、ファイルの所有者を変更してください。

65

66

```

67

# cd /opt/alminium/plugins

68

69

# chown -R apache:apache rawhtml

70

```

71

72

## 注意事項

73

74

### 利用者のセキュリティに対する考慮について

75

76

このプラグインは **全てのタグ、全てのスクリプトを許容** します。

77

そのため、Redmineの登録ユーザは、 **XSS** や **CSRF** 等の攻撃を容易に仕込む事が出来ます。

78

79

まぁ…かなり気の知れた仲間内で使うとか、私みたいに自分用Redmineとして使ってる人向けだと思ってください。

80

81

>特定のユーザだけ許可するとか、そんな機能を加えればいいんだろうけど。

82

83

### 混在コンテンツのブロックについて

84

85

HTTPとHTTPSが入り交ざってコンテンツを配信していることを、混在コンテンツと言います。

86

最近のほとんどのWebブラウザは混在アクティブコンテンツに対しては自動でブロックします。

87

これはWebブラウザのセキュリティを考慮した仕様です。

88

89

以下の条件で、表示されたり、表示されなかったりします。

90

91

|                       | ブログパーツがhttp | ブログパーツがhttps |

92

|-----------------------|--------------------|---------------------|

93

| 表示元のサイトがhttp  | ○表示できる       | ○表示できる        |

94

| 表示元のサイトがhttps | ×表示できない     | ○表示できる        |

95

96

これはこのプラグインに限った話ではなく、ブログパーツ一般のお話になります。

97

うまく表示されないブログパーツについては、混在コンテンツになっていないか確認するのがよいでしょう。

98

99

>ちなみにニコニコ動画のブログパーツがhttpのみで、このサイトをhttpsでアクセスしていると、うまく表示されないんや。。

プロジェクト

全般

プロフィール

A painter and a black cat

Redmine RawHtml plugin » 履歴 » バージョン 2