cheditor를 사용중입니다.

lacomparte 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2018.04.11 15:25:52 2291 (121.♡.♡.240)

답변 1

본문

pc는 cheditor5를 사용중이며

mobile 은 에디터를 사용하지 않습니다.

근데 문제가.

pc에서 쓴 글이 모바일에서 보면

태그가 그대로 노출되어 버립니다..

그래서

div contentEditor="true" 속성과

아래와 같은 스크립트와 함께 사용중입니다.

근데, 모바일에서 개행되는 문자가

pc버전 수정페이지로 가면

줄바꿈이 안되고 그냥 주르륵 나와버립니다.

제가 구현하려는건.

모바일에서 editor 없이.

그냥 pc에서 썻던 모바일에서 썻던

수정하면 동일한 결과를 출력하길 원합니다.

모바일은 에디터 사용하지 않구요.

여기서 고려해야할 점은

기본으로 bo_insert_content 가 존재하구요.

따로 제가 bo_m_insert_content 를 만들었습니다.

둘의 내용은 대동소이합니다.

모바일 때문에 죽겠네요;


<div contentEditable="true" id="mobileEditor"></div>
<div style="display:none">
   <?php echo $editor_html; ?>
</div>
 
<script>
$(function(){
    $(document).ready(function(){
        var textarea = $("#wr_content");
        var div = $("#mobileEditor");
        var content = textarea.html();
        
        function decode_html(html){
            var txt = document.createElement('textarea');
            txt.innerHTML = html;
            return txt.value;
        }
        function remove_tags(text, selector){
            var wrapped = $(text + '<br>');
            wrapped.find(selector).remove();
            return wrapped.html();
        }
        function nl2br(str){
            return str.replace(/\n/g,"<br>");
        }
        div.html(decode_html(content));
        div.on('keyup', function(){
            textarea.html($(this).html()).trigger('keyup');
        });
    });
    
    $('#fwrite').on('submit', function(){
        function decode_html(html){
            var txt = document.createElement('textarea');
            txt.innerHTML = html;
            return txt.value;
        }
        function remove_tags(text, selector){
            var wrapped = $('<div>' + text + '</div>');
            wrapped.find(selector).remove();
            return wrapped.html();
        }
        
        var textarea = $(this).find('#wr_content');
        var content = $(this).find('#mobileEditor').html();
        var escaped = decode_html(content);
        var escaped = remove_tags(escaped, '#mobileEditor');
        textarea.val(content);
    });
    
    // img에 style 없애기
    $("#mobileEditor").find('img').removeAttr("style");
});
</script>