Tinymce 文本编辑器问题（有一个大字符串）

Question

目前我在 Tiny MCE 文本编辑器 iPad 上遇到问题。问题是，如果我将 一个大字符串（没有文本） 然后它会离开文本编辑器并且会破坏布局以及 iPad 也会挂起。不确定为什么会出现此问题，因为在网络版本中它看起来不错，但在 ipad 中却不是。

我也使用了调整大小插件（不起作用）和字数限制，但好像我会在没有 space 的情况下打字，然后它会被算作一个字，所以这也不起作用。

任何人都可以解决这个错误，因为我已经花了几个小时在网上和 SO 上检查这个错误，但没有得到任何提示，如何解决它。

检查错误
很抱歉无法为您提供任何 fiddle 或演示，因为此问题将在 iPad 中出现，因此请尝试在 iPad 中打开 tiny mce 并键入一个没有 space 的大文本字符串和您会看到它会打破边界并超出文本编辑器的范围，所以请帮助我。

如果有任何jquery或Tiny 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 并更新了这个 class .mce-content-body p

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

这就是我如何解决我的问题，所以如果你们中的任何人有这个问题或任何关于 css 文本编辑器的问题，那么您可以编辑这个 css 并解决您的问题.希望这会帮助你。 :)

Tinymce 文本编辑器问题（有一个大字符串）

Tiny MCE Text Editor issue(with one big string)

css

jquery

tinymce

tinymce-4