Question

目前我在使用 Tiny MCE文本编辑器与iPad 时遇到问题。问题是，如果我将一个大字符串（没有文本），那么它将退出文本编辑器并将打破布局以及iPad也将挂起。不知道为什么这个问题会出现在网络版本中似乎不错，但在ipad中它不是。

我已经使用了调整大小插件（不工作）和字数限制，但好像我会在没有空格的情况下键入，那么它将被视为一个单词，因此也不起作用。

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

检查错误
很抱歉没有提供任何小提琴或演示，因为这个问题在iPad中出现所以请尝试在iPad中打开微小的mce并键入一个没有空格的大文本字符串，你会看到它将打破边框并将退出文本编辑器＆＃39; s框所以请帮助我。

如果有任何 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并解决你的问题。希望这会帮助你。：）

微小的MCE文本编辑器问题（带一个大字符串）

1 个答案: