Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

html 복사 후 img 태그 변형 #1149

Closed
Yura931 opened this issue Jan 16, 2023 · 2 comments
Closed

html 복사 후 img 태그 변형 #1149

Yura931 opened this issue Jan 16, 2023 · 2 comments

Comments

@Yura931
Copy link

Yura931 commented Jan 16, 2023

안녕하세요
에디터 사용중 어떻게 해결해야할지 모르겠어서 질문 남깁니다! 도와주세요 ..

html 파일로 css작업을 따로 한 후 에디터에 붙여넣으면
img 태그의 형태가 변해버려서 적용한 css가 틀어지게 됩니다.

이슈를 검색해보니 __se__tag 클래스를 추가하면 형식은 변하지 않고 img태그에 figure, div 태그 형식만 추가된다고 하셨는데
제가 클래스추가를 잘못 하고 있는것인지 적용이 잘 되지 않습니다 ...

<div class="procedure-box">
  <div class="procedure-con">
    <div class="img-box" style="width:6.2rem">
      <img src="../../images/img-import-procedure01.png" alt="해외시장조사">
    </div>
    <img src="../../images/icon/ico-next.png" alt="다음" class="procedure-arrow">
    <h4>해외시장조사</h4>
    <p>수입상 &#62; 직접방문<br>각종통계자료 및 광고 등 활용</p>
  </div>
  <div class="procedure-con">
    <div class="img-box" style="width:5rem">
      <img src="../../images/img-import-procedure02.png" alt="">
    </div>
    <img src="../../images/icon/ico-next.png" alt="다음" class="procedure-arrow mo-arrow01">
    <h4>거래처 발굴(선정)</h4>
    <p>수입상 &#62; 수출상<br>(신용조회)</p>
  </div>
</div>

상위 노드에 클래스를 추가하면

<div class="__se__tag procedure-box">                          
<div class="procedure-con">                            
<div class="img-box" style="width:6.2rem">                              </div>

<div class="se-component se-image-container __se__float- __se__float-none" contenteditable="false">
      <figure style="margin: 0px;">
        <img src="../../images/img-import-procedure01.png" alt="해외시장조사" data-origin="," data-proportion="true" data-align="none" data-index="4" data-file-name="img-import-procedure01.png" data-file-size="0" data-rotate="" data-rotatex="" data-rotatey="" data-size="," data-percentage="auto,auto" style="">
      </figure>
</div>

<div class="img-box" style="width:6.2rem"><br>
</div>
 
<div class="img-box" style="width:6.2rem">                            </div>
</div>

<div class="se-component se-image-container __se__float- __se__float-none" contenteditable="false">
    <figure style="margin: 0px;">
      <img src="../../images/icon/ico-next.png" alt="다음" class="procedure-arrow" data-origin="," data-proportion="true" data-align="none" data-index="5" data-file-name="ico-next.png" data-file-size="0" data-rotate="" data-rotatex="" data-rotatey="" data-size="," data-percentage="auto,auto" style="">
    </figure>
</div>

<div class="procedure-con"><br>
</div>
 
<div class="procedure-con">                            
<h4>해외시장조사</h4>
 
<p>수입상 &gt; 직접방문<br>
각종통계자료 및 광고 등 활용</p>
 </div>

<div class="procedure-con">                            
<div class="img-box" style="width:5rem">                              </div>

<div class="se-component se-image-container __se__float- __se__float-none" contenteditable="false">
      <figure style="margin: 0px;">
        <img src="../../images/img-import-procedure02.png" alt="" data-origin="," data-proportion="true" data-align="none" data-index="6" data-file-name="img-import-procedure02.png" data-file-size="0" data-rotate="" data-rotatex="" data-rotatey="" data-size="," data-percentage="auto,auto" style="">
      </figure>
</div>

<div class="img-box" style="width:5rem"><br>
</div>
 
<div class="img-box" style="width:5rem">                            </div>
</div>

<div class="se-component se-image-container __se__float- __se__float-none" contenteditable="false">
    <figure style="margin: 0px;">
      <img src="../../images/icon/ico-next.png" alt="다음" class="procedure-arrow mo-arrow01" data-origin="," data-proportion="true" data-align="none" data-index="7" data-file-name="ico-next.png" data-file-size="0" data-rotate="" data-rotatex="" data-rotatey="" data-size="," data-percentage="auto,auto" style="">
    </figure>
</div>

<div class="procedure-con"><br>
</div>
 
<div class="procedure-con">                            
<h4>거래처 발굴(선정)</h4>
 
<p>수입상 &gt; 수출상<br>
(신용조회)</p>
 </div>
</div>

이런식으로 변형이 됩니다 .. 기존에 img 태그를 감싸고 있던 div태그에서 삭제가 되고 새로 만들어져버리는데 기존 형태가 왜 유지가 안되는 걸까요? ..

@JiHong88 JiHong88 added this to the 2.44.4 milestone Jan 25, 2023
@JiHong88
Copy link
Owner

다음 버전에서 수정될 예정입니다.

@JiHong88
Copy link
Owner

2.44.4 버전이 업데이트 되었습니다.
감사합니다.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants