Проблема с текстовым редактором Tiny MCE (с одной большой строкой)

Question

В настоящее время у меня проблема с Крошечный текстовый редактор MCE с iPad. Проблема в том, что если я поставлю одну большую строку (без текста), тогда она выйдет из текстового редактора и сломает макет, а iPad тоже будет висеть. Не уверен, почему эта проблема идет, как в веб-версии, она кажется хорошей, но в ipad это не так.

Я использовал плагин изменения размера (не работает) и ограничение по словам, но, как если бы я набрал без пробела, он будет считаться одним словом, так что это тоже не работает.

Может кто-нибудь решить эту ошибку, поскольку я потратил часы, чтобы проверить эту ошибку на сети, а также на SO тоже, но не получил никакого намека, как ее решить.

Для проверки ошибок
Извините, не предоставить Вам любую скрипку или демо, как этот вопрос приходит в IPad поэтому, пожалуйста, попробуйте открыть Tiny MCE в IPad и введите один большой строку текста без пробелов, и вы увидите, что это нарушит границу и выйдет из окна текстового редактора, поэтому, пожалуйста, помогите мне.

Если есть какие-либо JQuery или Крошка MCE плагин поможет, пожалуйста, дайте мне знать. Спасибо

Answer 1

Проведя часы, у меня есть решение для моего собственного вопроса. Что я сделал это я редактировал 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 и решить проблему. Надеюсь, что это поможет вам. :)