小さなMCEテキストエディタの問題

Question

現在、私はの小さなMCEテキストエディタで問題を抱えています。問題は、大きな文字列（テキストなし）をに置くと、テキストエディタから外れてレイアウトが破損し、iPadもハングアップするという問題です。なぜこの問題がWeb版のようになっているのかよく分からないが、ipadではそうではない。

resizeプラグイン（動作していない）と単語の制限も使用していますが、スペースを入れずに入力した場合と同じように1単語としてカウントされます。

誰もこのエラーを解決するために何時間も時間を費やしているので、このエラーを解決することはできますか？この問題は、iPadの中に来ているよう

あなたにフィドルやデモを提供していないために申し訳ありませんが、エラー
を確認するにはそれほどのiPadに小さなMCEを開こうとすると、スペースなしで一つの大きなテキスト文字列を入力し、あなたはそれがわかりますしてください国境を壊してテキストエディタのボックスから出てきますので、私を助けてください。

任意の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を編集して問題を解決することができます。これがあなたを助けることを願っています。 :)