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

게시글에서 막힌 style 뚫기

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

게시글 목록

번호 제목
23254
23244
23241
23236
23200
23199
23179
23174
23138
23128
23125
23116
23109
23099
23092
23083
23079
23063
23050
23036
23029
23007
23003
22983
22959
22943
22939
22934
22905
22897