Changing the max-width of Editor.js

Overview When using Editor.js, large margins appear on the left and right sides by default. This article introduces how to solve this issue. Method The following was helpful. https://github.com/codex-team/editor.js/issues/1328 Specifically, add the following CSS. . . } . } c c c e e m d m - - a x a b t x - x l o - b - o o w l w c l i o i k b d c d _ a t k t _ r h h c _ : { : o _ n c c 1 t o a 0 e n l 0 n t c % t e ( , n 1 ! t 0 i 0 m { % p o - r t 8 a 0 n p t x ; ) ! i m p o r t a n t ; The full source code is as follows. o o w l w g e i e E t l s y a , d d d a h l ) t t s v j > a c l i o i r r n > s d y o n : p t t i i e : a o ; > e t s t k b d c d o : g e i p c e e a e t t r n c > y i o e _ a t k t u : t t e k w [ : : x o o : b g k l d n > _ r h h n 1 u o s t r r l e s e = c _ : { : d p 1 p r { D " { : J " o : . = " : o _ - x 0 J = a p = S e c v " e c n c c 1 c p l S O t a " ( d k a a b d o t o a 0 o s x a u r e r 大 { i s s l a i n e n l 0 l o ; n f t e ( a 明 t . y u c t t n t c % o l g r p f ) g 副 o v n e k o e t e ( r i = o u j l = r j t t 0 i t D u e p s u ( o s = 0 m # # s " a t t h { " e a a u " " { % p f c " @ t p T " 承 , , p w n > b o 4 c > e a u i , 奉 i a d a l v s p t ; r r a , 、 p o > " x ; j o > { i r ) s m ( 欽 . : / { 差 s ! e " 督 a a i d @ 察 v l m i e 総 e i p t d 制 r c o o i 提 . e r r t 督 s b t j o 浙 a l a s r 江 v u n " j 等 e e t ; s 処 ( " ; / 軍 ) > e 務 ; d 各 i 衙 t 門 o r 、 j 近 s 年 " 以 ; 来 、 日 本 各 島 小 民 、 仮 る に 買 売 を 以 て 名 と 為 し 、 し ば し ば 中 国 辺 境 を 犯 し 、 居 民 を 刼 掠 す る を 因 と な し 、 旨 を 奉 じ て 、 浙 江 等 処 承 宣 布 政 使 司 に 議 行 し 、 本 職 に 転 行 し て 、 親 し く 貴 国 に 詣 り 面 議 せ し め ん 等 の 因 あ り 。 " , As a result, the left and right margins were reduced as shown below. Summary I hope this serves as a useful reference when using Editor.js.

Overview#

Method#

Summary#

Overview

Method

Summary