작은 MCE 텍스트 편집기 문제 (하나의 큰 문자열 포함)

현재 과 함께 문제가 발생했습니다.의 작은 MCE 텍스트 편집기. 문제는 만약 내가 (텍스트없이) 하나의 큰 문자열을 넣으면 그것은 텍스트 편집기를 벗어나 레이아웃을 깨뜨릴뿐만 아니라 iPad도 멈출 것입니다. 이 이슈가 왜 웹 버전에서 나오는지 확실하지 않지만 ipad에서는 그렇지 않습니다.작은 MCE 텍스트 편집기 문제 (하나의 큰 문자열 포함)

리사이즈 플러그인 (작동하지 않음)과 단어 한도를 사용했지만 공백없이 입력하면 마치 한 단어로 계산되므로 작동하지 않습니다.

누구나이 오류를 해결할 수 있습니까? 예를 들어 인터넷에서이 오류를 확인하는 데 시간을 많이 들었지만 문제를 해결하는 방법에 대한 힌트를 얻지 못했습니다.

오류를 확인하려면
그래서 아이 패드에 작은 MCE를 열고 공백없이 하나의 큰 텍스트 문자열을 입력하기 위해 시도하고 당신이 그것을 볼하겠습니다 아이 패드에오고 당신에게이 문제와 같은 바이올린이나 데모를 제공하지 죄송합니다 국경을 깨고 텍스트 편집기의 상자에서 나갈 것이므로 제발 도와주세요.

어떤 JQuery와 또는 작은 MCE 플러그인 도움말이 있으면 알려 주시기 바랍니다. 고마워요

출처

2016-06-29 Leo the lion

지출 시간이 지나면 나는 내 자신의 문제에 대한 해결책을 가졌습니다. 무엇 내가 한 일은 내가이 코드를 적용하여 TinyMCE에 CSS의 편집, 그래서 내 코드는 다음과 같이이다 :

tinymce.init 
    ({ 
      selector: '#tickeFormEditor', //texteditor'id 
      plugins: "pagebreak", 
      menubar: "insert", 
      toolbar: "pagebreak", 
      width: "auto",  
      height: 200, 
      theme: 'modern', 
      setup: function (ed) { 
       ed.on('keyup', function (e) { 
        var count = CountCharacters(); 
        document.getElementById("character_count").innerHTML = "Characters: " + count; 
       }); 
      }, 
      theme_advanced_resizing: false, 
      plugins: 
      [ 
      'advlist autolink lists link image charmap print preview hr anchor pagebreak', 
      'searchreplace wordcount visualblocks visualchars code fullscreen', 
      'insertdatetime media nonbreaking save table contextmenu directionality', 
      'emoticons template paste textcolor colorpicker textpattern imagetools' 
      ], 
      toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image', 
      toolbar2: 'print preview media | forecolor backcolor emoticons', 
      image_advtab: false, 
      templates: 
      [ 
      { title: 'Test template 1', content: 'Test 1' }, 
      { title: 'Test template 2', content: 'Test 2' } 
      ], 
      content_css: //this is where i have used css of TinyMCE 
      [ 
      'includes/plugins/tinymce/codepen.min.css' 
      ], 
      table_default_attributes: 
      { 
      border: '1' 
      }, 
      table_default_styles: 
      { 
      border: '1px solid black', borderCollapse: 'collapse' 
     } 
});

을 그리고 난 CSS를 편집하고이 클래스 .mce-content-body p

.mce-content-body p 
    { 
    margin:25px 0; 
    word-wrap:break-word; 
    word-break:break-all; 
    }

에게 업데이트 그건 내가 어떻게 내 문제의 해결책을 가지고 그래서 만약 당신이 문제를하거나 어떤 문제가 텍스트 편집기의 CSS에 관한 다음이 CSS를 편집하고 문제를 해결할 수 있습니다. 희망이 당신을 도울 것입니다. :)

출처

2016-06-30 08:16:56

작은 MCE 텍스트 편집기 문제 (하나의 큰 문자열 포함)

답변

관련 문제