테스트 사이트 - 개발 중인 베타 버전입니다

게시글에서 막힌 style 뚫기

· 9개월 전 · 1008 · 14

 

1. 우리가 게시판에서 html 모드로 게시글을 작성하면 안 되는 element 가 있고 안 되는 style 이 있습니다.

안 되는 element 를 해제하는 방법은 아래 2개의 게시글을 참고하면 되구요.

https://sir.kr/g5_plugin/11459

https://sir.kr/g5_tip/21394

 

----------

 

2. 문제는 style 을 주었을 때 먹는 애도 있고 안 먹는 애도 있습니다.

예를 들어 저는 유튜브 아이프레임에 16:9 가로 세로 비율을 직접 주고 싶어 style="aspect-ratio:16/9" 를 사용했는데 html5 이후에 들어온 style 이나 레이아웃을 파괴하는 position 같은 것은 다 필터링이 됩니다.

이걸 뚫는 방법입니다. 원하는 엘레먼트의 배열안에 'style' => 'Text' 를 추가해 줍니다.

 

[code]

$add_html_tag -> addElement('iframe', 'Block', 'Flow', 'Common', ['allow' => 'Text', 'allowfullscreen' => 'Bool']);


를 아래처럼


$add_html_tag -> addElement('iframe', 'Block', 'Flow', 'Common', ['style' => 'Text', 'allow' => 'Text', 'allowfullscreen' => 'Bool']);

[/code]

 

----------

 

3. 만일 div 를 맘대로 하고 싶다면 아래코드를 첨가해 주면 되겠죠.

 

[code]

$add_html_tag -> addElement('div', 'Block', 'Flow', 'Common', ['style' => 'Text']);

[/code]

 

----------

 

4. 링크예제에는 유튜브 아이프레임 안에 aspect-ratio 이외에도 포지션 등까지 준 것입니다.

 

[code]

style="display:block;aspect-ratio:16/9;width:100%;max-width:960px;border:none;position:fixed;bottom:0px;left:0px;z-index:100"

[/code]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 14개

9개월 전

추전! 감사 합니다.

9개월 전

@들레아빠 어이쿠 고수님 감사해요

9개월 전

감사합니다

9개월 전

@dnjsdud1581 감사합니다

게시글 목록

번호 제목
22896
22895
22885
22875
22872
22862
22860
22855
22849
22846
22824
22812
22809
22801
22795
22786
22765
22756
22739
22735
22685
22639
22636
22607
22605
22603
22592
22583
22578
22577