css media 쿼리 사용을 하면 될 수 도 있긴 한데, 처음 로딩이 되었을 때 사이즈 변동이 없는 부분이라면 큰 문제가 없을 듯 합니다.

이런 경우 처음에 위지윅 에티터가 있는 HTML과 자바스크립트 부분(자바스크립트는 HTML element 중 위지윅 에디터가 적용되는 부분)과 위지윅 에디터가 없는 부분(말 그대로 textarea 자체가 되겠죠)으로 둘다 포함을 한 다음에  

일정 해상도 이상 일 경우는 위지윅 에디터가 있는 html을 보여주고, 그러지 않는 경우는 위지윅 에디터가 포함된 부분을 display: none으로 변경, 그 이하인 경우는 display: block으로 변경하여 서로 다르게 적용하는 방법이 있을 듯 합니다.  

예) 

#위지윅 에티터 포함된 ID {

}

#위지윅 에디터가 포함되지 않은  Element ID {

display: none; 

} 

@media all and (max-width: 480px) {

    #위지윅 에디터가 포함되지 않은 Element ID {

        display: block; 

    } 

}

보통  textarea인 경우  form 형식으로 사용되기 때문에 위지윅 에디터에 포함된 textarea의 name과 일반 textarea의 name이 중복이 되지 않도록 해야 하므로 화면 해상도에 따라 name attribute의 속성을 제거해야 할 듯 합니다.  

이는 자바스크립트를 사용해야 할거구요.

전 jQuery가 편하다보니 jQuery로 설명 드린다면,  

화면이 계속 변하게 되므로 window에 resize 이벤트가 발생 했을 대 480을 브레이크 포인트로 설정하여 name 속성 값을 적절하게 제거 추가 하면 될 듯 합니다.  

예)  

$(window).resize(function() {

if ( $(this).width() <= 480 ) {

$("#위지윅 있는 에디터 textarea').removeAttr('name'); 

$("#위지윅 에디터 없는 textarea").attr('name', '폼 값  이름'); 

}

else {

$("#위지윅 에디터 없는 textarea").removeAttr('name');

$("#위지윅 있는 에디터 textarea').attr('name', '폼 값 이름'); 

} 

}

좀 더 간단한 방법이 있을 수도 있겠지면, 우선 저로서는 이 방법이..  

480인 것으로 생각해 볼때 혹시 모바일인 경우만 그런 거라면, 위의 방법은 비효율적이구요

모바일 브라우저인 경우를 체크하는  함수를 만들고 그 값에 따라 php로 처리하는 것이 좋을 듯 합니다.  

저의 경우는 php로 모바일 브라우저인 경우 위지윅 에디터로 변경시키는 자바스크립트를 따로 php 파일로 떼어내어 브라우저에 따라 인클루드 하는 것을 통제 하고 있습니다.  

간혹 옛날 모바일 브라우저(안드로이드 2.3 등등)인 경우 tinymce 같은 위지윅 에디터에 글을 쓸 수가 없더라구요.