1

나는 각각 Bootstrap WYSIHTML5을 활성화 한 텍스트 영역을 포함하는 정렬 가능한 div 집합을 가지고 있습니다. 정렬하려고 할 때까지이 모든 작업이 정상적으로 작동합니다. 그런 다음 텍스트 영역의 내용을 잃어 버립니다.sortable.js를 사용할 때 부트 스트랩 wysihtml5 사용 안 함

내 솔루션은 sortable의 start() 이벤트에서 WYSIWYG를 비활성화 한 다음 update()에서 다시 활성화하는 것입니다. 그러나, 나는 이것을 위해 코드가 높거나 낮게 보았으며 GitHub 페이지 또는 다른 곳에서 찾을 수 없습니다. https://github.com/bootstrap-wysiwyg/bootstrap3-wysiwyg

어디에서이 코드를 찾을 수 있는지 알고 있거나 코드의 내용을 알고있는 사람이 있습니까? 기록을 위해

, 나는이 시도했지만 알 수없는 물체 콘솔 오류 도착했습니다

$('textarea').data('wysihtml5').editor.composer.disable(); 
+0

해결 방법을 찾으셨습니까? – HuwD

답변

3

나는이 같은 문제를 가지고와이 솔루션은 나를 위해 일하게 될 것으로 보인다. 문제는 정렬 기능이 iframe에서 body 태그를 지우는 것 같습니다. 정렬을 시작할 때 hiddenfield에 iframe body 태그를 저장하고 나중에 iframe에 다시 넣습니다.

 $(".contentPanel").sortable({ 
      disabled: false, 
      revert: true, 
      start: function (e, ui) { 
       $(document.getElementsByTagName("iframe")).each(function() { 
        $(".hdHtmlBag", $(this).parent()).val(this.contentWindow.document.body.outerHTML); 
       }); 
      }, 
      stop: function (e, ui) { 
       $(document.getElementsByTagName("iframe")).each(function() { 
        this.contentWindow.document.body.outerHTML = $(".hdHtmlBag", $(this).parent()).val(); 
       }); 
      } 
     }); 

희망이 있으면 도움이 될 것입니다.

+0

$ (".hdHtmlBag")는 부모 iframe 요소의 숨겨진 입력입니다. –