Fork
0
Fav
0
View
1406
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 927 lines
  • HTML 50 lines
  • CSS 154 lines

テキスト内文字列 CSS クラス名一括指定

テキスト内に繰り返し現れる文字列を CSS のクラス名を付けた HTML タグと置き換えます。
CSV データの一行目がクラス名、一列目が、このクラス名をつける文字列になります。
後は、その繰り返しになります。


一番上のテキストエリアに CSS のクラス名を配置するテキスト。
二番目が CSV データになります。( CSV はカンマ区切り )


例 : CSV データ

c0,c1,c2 //一行目 CSS クラス名
aa,0,あ
bb,1,い
cc,2,う


上記の CSV データでは、以下のようなタグが作成されます。

<span class='c0'>aa</span>
<span class='c0'>bb</span>
<span class='c0'>cc</span>

<span class='c1'>0</span>
<span class='c1'>1</span>
<span class='c1'>2</span>

<span class='c2'>あ<</span>
<span class='c2'>い</span>
<span class='c2'>う</span>


2017-05-19 pre 要素追加しました。

2017-05-21 正規表現での文字置き換え追加しました。


テキスト内指定文字列へ CSS クラス名一括指定ツール

  • 正規表現:テキスト内文字列 CSS クラス名一括指定
  • 正規表現:テキスト内文字列 CSS クラス名一括指定

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags