그누보드 에디터 작업 시 속성 속성값 변화되지 않게 하는 방법 채택완료
수고하십니다.
현재 smarteditor2와 cheditor5 함께 사용합니다.
<div style="position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%;"></div>
위 요소를 사용하면
<div style="padding-bottom:56.25%;height:0;max-width:100%;"></div>
이렇게 변해버립니다. 모바일에서는 볼만한데, pc에서는 너무 작게 나와요
그누보드 어느 폴드에서 어떤 파일을 수정해야할지 구체적으로 부탁드려요
그누보드에서 특정 속성을 필터한다는데 도움 부탁드립니다.
에디터에 작업한 태그 속성 속성값이 그대로 구현하고 싶습니다.
smarteditor2와 cheditor5 둘다 사용합니다.
초보입니다.
답변 1개
에디터의 기본은 퍼센트는 성립되지않습니다. px 반영되어있다라는뜻입니다. 하여 퍼센트를 이를 작성시 원하는데로 디자인되지않수있습니다.
하여
본소스를 수정하기는 벅차는 일이니 스크립트 처리해보시기 바랍니다.
<script>
document.addEventListener("DOMContentLoaded", function() {
// 이미지 반응형 처리
document.querySelectorAll("#bo_v_con img").forEach(function(img) {
img.style.width = "100%";
img.style.height = "auto";
});
// 반응형 영상 div 스타일 복원
document.querySelectorAll("#bo_v_con .responsive-video").forEach(function(el) {
el.style.position = "relative";
el.style.paddingBottom = "56.25%";
el.style.height = "0";
el.style.overflow = "hidden";
el.style.maxWidth = "100%";
});
// iframe 반응형 처리
document.querySelectorAll("#bo_v_con .responsive-video iframe").forEach(function(el) {
el.style.position = "absolute";
el.style.top = "0";
el.style.left = "0";
el.style.width = "100%";
el.style.height = "100%";
});
});
</script>
답변에 대한 댓글 3개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인