Ueditor 구성 요소는 Baidu가 제공하는 오픈 소스 웹 온라인 Wysiwyg Rich 텍스트 편집기입니다. 가볍고 사용자 정의 가능하며 사용자 경험에 중점을 둡니다. 그것은 MIT 프로토콜을 기반으로하며 매우 강력한 기능을 가지고 있습니다. 최근에 사용 프로세스 중에 업로드 된 사진 (또는 기존 이모티콘 사진 삽입)은 정상적으로 조정할 수 없다는 것을 알았습니다. 그림을 선택하고 마우스와 함께 그림 가장자리의 작은 레이블을 클릭하고 드래그하면 그림을 줄일 수 있지만 확대되지는 않습니다. 나는 많은 방법을 시도했지만 해결할 수 없었습니다. JS 소스 코드를 확인하고 예외를 찾지 못했습니다.
나중에 실수로 부트 스트랩이 페이지에 소개되었고 부트 스트랩은 기본적으로 박스 크기 스타일을 테두리 박스로 설정했습니다. 특정 콘텐츠는 Bootstrap 릴리스 로그를 확인하십시오 : http://blog.getbootstrap.com/2013/08/19/bootstrap-3-releidented/
박스 사이징 스타일의 정의 및 사용에 대해서는 http://www.w3school.com.cn/cssref/pr_box-sizal.asp를 참조하십시오.
부트 스트랩의 영향력있는 CSS :
*,*: 이전,*: 후 {-webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box;}부트 스트랩에서 위의 스타일을 무시하려면 페이지에서 CSS를 재정의하면됩니다.
.edui-container *{-webkit-box-sizing : content-box;-moz-box-sizing : content-box; content-box; box-sizing : content-box;}. edui-container *: eDui-container *: .edui-container *: {-webkit-box-sizing : content-box; -moz-box; 컨텐츠-박스-상자-상자-상자-상자-박스-박스-상자-박스-박스 :*.edui-container는 Ueditor 구성 요소의 부모 요소에 사용되는 CSS 클래스입니다.
위는 편집자가 소개 한 부트 스트랩 3 박스 크기 스타일의 솔루션에 대한 전체 설명입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다!