ログアウト

elements block editor

emulsion テーマで、ブロックを記述した時と、カスタムHTMLブロックで、HTMLを記述した場合の、表現の違いについて、

emulsion テーマでは、カスタムHTMLブロック等で、HTMLを記述した場合でも、ブロックを使った時との表示の差を出来るだけ小さくするような設定を行っています。

http://www.tenman.info/wp3/raindrops/2015/10/05/raindrops1-327%E3%81%8C%E3%83%A9%E3%82%A4%E3%83%96%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%97%E3%81%9F/

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.

example.com

BLOCKQUOTE

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 さしす

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.

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.

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

embed video

IFRAME

There are no matching blocks.


OL

list block

  1. OL
  2. あいうえお
  3. ABCな
  4. かきくけ
  5. abc
  6. さしす
  • UL
  • あいうえお
  • ABCな
  • かきくけ
  • abc
  • さしす

P

PあいうえおABCあいうえおabc さしす

たち


HR

hr 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.
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さしす
OLあいうえおABCなかきくけabcさしす

TABLE THEAD TH TBODY TFOOT TR TD

table block

OLあいうえおABCなかきくけabcさしす
OLあいうえおABCなかきくけabcさしす
OLあいうえおABCなかきくけabcさしす
OLあいうえおABCなかきくけabcさしす
OL あいうえお ABCな かきくけ abc さしす
OL あいうえお ABCな かきくけ abc さしす
OL あいうえお ABCな かきくけ abc さしす
OL あいうえお ABCな かきくけ abc さしす

TABLE TR TD COLGROUP

There are no matching blocks.

Superheros and sidekicks
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

 BatmanRobinThe FlashKid Flash
SkillSmartsDex, acrobatSuper speedSuper speed
table block caption
Superheros and sidekicks
Batman Robin The Flash Kid Flash
Skill Smarts Dex, acrobat Super speed Super speed

CODE

コードブロックを使用しましょう

<?php echo 'hello world' ?>

インラインのコード

my_function() を使用します。

 <?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

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.


FORM disabled

There are no matching blocks.


datalist

There are no matching blocks.

エリア:

form radio

There are no matching blocks.

Select a maintenance drone:

checkbox

There are no matching blocks.

Choose your monster’s features:

select

There are no matching blocks.


legend

かきくけ FORM あいうえお ABC さしす abc さしす


required

disabled

readonly


SELECT NAME=”SAMPLE1″ SIZE=”7″ MULTIPLE

There are no matching blocks.


FORM SELECT NAME=”SAMPLE1″ SIZE=”1″ MULTIPLE

There are no matching blocks.


submit type=”reset”

There are no matching blocks.


type password

There are no matching blocks.


type file

There are no matching blocks.


type email

There are no matching blocks.


type button

There are no matching blocks.


type number

There are no matching blocks.


type date

There are no matching blocks.

type color

There are no matching blocks.

Choose your monster’s colors:


type range

There are no matching blocks.

Audio settings:


type month

There are no matching blocks.


type week

There are no matching blocks.


type time

There are no matching blocks.

Office hours are 9am to 6pm


type datetime-local

There are no matching blocks.


type search

There are no matching blocks.


type tell

There are no matching blocks.

Format: 123-456-7890


type url

There are no matching blocks.


textarea

There are no matching blocks.


コメントを残す

tenman としてログインしています。プロフィールを編集しますログアウトしますか ? が付いている欄は必須項目です