jquery - Tinymce 文本编辑器问题(有一个大字符串)

Question

目前我在使用 iPad 上的 Tiny MCE 文本编辑器 时遇到问题。问题是，如果我将放置一个大字符串(无文本)，那么它将超出文本编辑器的范围，并且会破坏布局，而且 iPad 也会挂起。不知道为什么会出现这个问题，因为在网络版本中它看起来不错但在 ipad 中却不是。

我也使用了调整大小插件(不起作用)和字数限制，但好像我将在没有空格的情况下键入然后它会被计为一个字，所以这也不起作用。

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

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

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

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

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