ckeditor에서 생성 한 페이지 내용을 만드는 방법

Question

나는 Ckeditor를 사용하여 게시물 및 페이지의 내용을 만듭니다. 콘텐츠를 반응 형으로 만드는 방법을 궁금합니다 (일부 ckeditor 부트 스트랩 플러그인을 구입하지 않으려면)?

두 가지 방법이 있습니다. 1. 데이터베이스에 데이터를 저장하기 전에 ckeditor에서 생성 한 원시 html 코드를 구문 분석하고 해당 html 태그 (예 : img-responsive 등)에 부트 스트랩 클래스를 추가하십시오.
2. css 파일에 미디어 쿼리를 추가하십시오.

어느 것이 더 좋은 방법인지, 각 방법을 구현하는 방법을 잘 모르겠습니다. 나는 당신의 제안에 감사드립니다! 미리 감사드립니다!

Answer 1

두 번째 옵션 인 CSS 미디어 쿼리를 사용하는 것이 좋습니다. 이는 커스터마이즈 범위를 넓히고 궁극적으로 개발 기술에 도움이됩니다. 미디어 쿼리는 사용법을 잘 알고 있으며, CSS 선택기와 속성을 이미 이해하고 있다면 어렵지 않습니다.

Answer 2

사용자가 콘텐츠를 만드는 것과는 대조적으로 ckeditor를 직접 사용하는 경우 '원본 모드'플러그인을 사용하여 원시 html을 편집하고 필요한 부트 스트랩 클래스를 추가 할 수 있습니다. 이것은 부트 스트랩이 ckeditor 내용을 표시하거나 스크립트가 '소스 모드'를 통해 포함되는 모든 페이지에 이미로드되었다고 가정합니다. http://ckeditor.com/addon/sourcearea

Answer 3

광산의 경우 모든 ckeditor 내용을 클래스 .note-content가있는 div에 넣었고 div에있는 미디어의 최대 너비를 설정했습니다.

.note-content 
{ 
    img, iframe { 
    max-width: 100%; 
    height: auto !important; 
    } 
}