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

게시글에서 막힌 style 뚫기

· 9개월 전 · 1007 · 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 감사합니다

게시글 목록

번호 제목
22349
22347
22312
22308
22303
22282
22269
22259
22253
22234
22221
22197
22191
22179
22151
22144
22135
22130
22118
22110
22098
22095
22076
22057
22053
22051
22050
22046
22044
22042