emulsion テーマで、ブロックを記述した時と、カスタムHTMLブロックで、HTMLを記述した場合の、表現の違いについて、
emulsion テーマでは、カスタムHTMLブロック等で、HTMLを記述した場合でも、ブロックを使った時との表示の差を出来るだけ小さくするような設定を行っています。
LINK
not apply regex html tag
http%3A%2F%2Fwww.tenman.info%2F%3Cscript%3Ealert%28%27hello%27%29%3C%2Fscript%3E%26test
test test
ABBR
HTMLとは、マークアップ言語の1つです。 マークアップとは、文章の構成や役割を示すことを意味します。
ADDRESS
There are no matching blocks.
custom html block
example.comBLOCKQUOTE
blockquote block
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
cite
BLOCKQUOTEあいうえおABCあいうえおabc さしす
custom html block
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
cite
DIV
group block
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
custom html block
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
dl datalist
There are no matching blocks.
custom html block
- THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
heading
heading block
H1 あいうえおABCあいうえおabc さしす
H2 あいうえおABCあいうえおabc さしす
H3 あいうえおABCあいうえおabc さしす
H4 あいうえおABCあいうえおabc さしす
H5 あいうえおABCあいうえおabc さしす
H6 あいうえおABCあいうえおabc さしす
h1-h6
H1 あいうえおABCあいうえおabc さしす
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
H2 あいうえおABCあいうえおabc さしす
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
H3 あいうえおABCあいうえおabc さしす
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
H4 あいうえおABCあいうえおabc さしす
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
H5 あいうえおABCあいうえおabc さしす
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
H6 あいうえおABCあいうえおabc さしす
image
image block
custom html block
gallery
gallery block
shortcode gallery
embed video
shortcode playlist
IFRAME
There are no matching blocks.
custom html block
OL
list block
- OL
- あいうえお
- ABCな
- かきくけ
- abc
- さしす
- UL
- あいうえお
- ABCな
- かきくけ
- abc
- さしす
P
PあいうえおABCあいうえおabc さしす
たち
HR
hr block
custom html block
PRE
preformatted block
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
custom html block
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
TABLE
table block
OL | あいうえお | ABCな | かきくけ | abc | さしす |
custom html block
OL | あいうえお | ABCな | かきくけ | abc | さしす |
TABLE THEAD TH TBODY TFOOT TR TD
table block
OL | あいうえお | ABCな | かきくけ | abc | さしす |
---|---|---|---|---|---|
OL | あいうえお | ABCな | かきくけ | abc | さしす |
OL | あいうえお | ABCな | かきくけ | abc | さしす |
OL | あいうえお | ABCな | かきくけ | abc | さしす |
custom html block
OL | あいうえお | ABCな | かきくけ | abc | さしす |
---|---|---|---|---|---|
OL | あいうえお | ABCな | かきくけ | abc | さしす |
OL | あいうえお | ABCな | かきくけ | abc | さしす |
OL | あいうえお | ABCな | かきくけ | abc | さしす |
TABLE TR TD COLGROUP
There are no matching blocks.
custom html block
Batman | Robin | The Flash | Kid Flash | |
---|---|---|---|---|
Skill | Smarts | Dex, acrobat | Super speed | Super speed |
https://stackoverflow.com/questions/51456383/apply-text-color-to-html-column
colorは、適用されない。
TABLE TR TD CAPTION
table block
Batman | Robin | The Flash | Kid Flash | |
---|---|---|---|---|
Skill | Smarts | Dex, acrobat | Super speed | Super speed |
custom html block
Batman | Robin | The Flash | Kid Flash | |
---|---|---|---|---|
Skill | Smarts | Dex, acrobat | Super speed | Super speed |
CODE
コードブロックを使用しましょう
<?php echo 'hello world' ?>
インラインのコード
my_function()
を使用します。
custom html block
<?php echo 'hello world' ?>
PRE
PREあいうえおABCあいうえおabc さしす
block editerのメニューで使用されるインライン要素
code
my_function()
を使用します。
STRONG
bold menu
STRONGあいうえおABCあいうえおabc さしす
mark
highlight menu
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
EM
斜体 メニュー
EMあいうえおABCあいうえおabc さしす
あいうえおあいうえおあいうえおな
KBD
キーボード入力 メニュー
A
k
あいうえおあいうえおな
S
打消し線 menu
SあいうえおABCあいうえおabc さしす
SUB
10 2
SUP
10 2
クラッシックエディタのメニューで使用されるインラインタグ
del
classic menu
The XMP element contains preformatted text in which markup other than an end tag is treated as literal text.
delたちdivあいうえおあいうえおあいうえおあいうえおかきくけ
ins
classic menu
span
classic menu 文字色
paragraph block
red text
custom html block
red text
その他 html編集で挿入可能なインライン要素
B
あいうえおABCあいうえおabc さしす
あいうえおあいうえおあいうえおあいうえおあいうえおSTRONG
I
IあいうえおABCあいうえおabc さしす
CITE
CITEあいうえおABCあいうえおabc さしす
html 編集で追加
あいうえおあいうえおあいうえおさしす
VAR
VARあいうえおABCあいうえおabc さしす
あいうえおあいうえおあいうえおな
TT
TTあいうえおABCあいうえおabc さしす
あいうえおあいうえおあいうえおあいうえおあいうえおCODEなSAMPなKBDな
SAMP
SAMPあいうえおABCあいうえおabc さしす
かきくけ
BIG
BIGあいうえおABCあいうえおabc さしす
SMALL
SMALLあいうえおABCあいうえおabc さしす
STRIKE
STRIKEあいうえおABCあいうえおabc さしす
sたちdivあいうえおあいうえおあいうえおあいうえおかきくけ
FORM
There are no matching blocks.
custom html block
FORM disabled
There are no matching blocks.
custom html block
datalist
There are no matching blocks.
custom html block
form radio
There are no matching blocks.
custom html block
checkbox
There are no matching blocks.
custom html block
select
There are no matching blocks.
custom html block
legend
かきくけ FORM あいうえお ABC さしす abc さしす
required
disabled
readonly
SELECT NAME=”SAMPLE1″ SIZE=”7″ MULTIPLE