Текстовый редактор TinyMCE не загружает таблицу в позицию курсора в IE11

javascript,jquery,tinymce,rich-text-editor,tinymce-plugins,

0

Ответов: 0

Текстовый редактор TinyMCE не загружает таблицу в позицию курсора в IE11

Я использовал редактор Tinymce в теге html iframe. Когда я пытаюсь добавить таблицу после написания некоторого материала, как показано на изображении:

введите описание изображения здесь

Затем он добавляет таблицу в верхнюю начальную позицию содержимого, как указано на изображении:

введите описание изображения здесь

Даже в том случае, если я хочу изменить формат контента, как обычный, чтобы сделать полужирным, тогда он также дает такую ??же проблему. когда я выбираю контент, а затем выбираю полужирный, а затем он перемещает курсор в первую позицию. Не менять нормальный контент на жирный.

Code is used like this one html file of TinymceTest(which is loading all the editor components) called inside iframe tag of another html file:
**TinymceTest.html**

<!DOCTYPE html>
<html>
<head>
  <script src="tinymce/tinymce.min.js"></script>
  <script src="Jquery.min.js"></script>
  <style type="text/css">
    .DivOuter{
        background: #CFCFCF;
        overflow: auto;
        padding: 40px;
        border: 1px solid #BFBFBF;
        font-size: 15px;
        line-height: 24px;
        max-height:350px;
        overflow-y: scroll;
    }
    .DivInner{
        margin: 0 auto;
        border: solid 2px #BFBFBF;
        background: white;
        padding: 15px 30px 30px;
        outline: none;
    }
    p,h1,h2,h3,h4,h5,h6{
        margin:0px;
    }

    .mceNonEditable{
        background: yellow;
    }
  </style>
  <script>
    tinymce.init({ 
        selector:'textarea',
        height:235,
        contextmenu: false,
        plugins:[
        "advlist autolink lists link paste image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table paste",
        "emoticons template textcolor colorpicker textpattern imagetools",
        "paste",
        "powerpaste"
          ],
      paste_data_images: true,
      elementpath: false,
      browser_spellcheck: true, 
      gecko_spellcheck: true, 
      toolbar1: 'insertfile undo redo | styleselect fontselect fontsizeselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | link image| forecolor backcolor | imageupload',
      table_default_attributes: {
            border: '1',
            width: '100%',
            cellspacing : '0',
            cellpadding : '5'   
        },
        content_css:"tinymce/tinymce.css",
        setup: function (ed) {
          var inp = $('<input id="tinymce-uploader" type="file" name="pic" accept="image/*" style="display:none">');
            $(ed.getElement()).parent().append(inp);
            ed.on('init', function(args) {
                window.parent.Loadtinymce();
            });

          inp.on("change",function(){
                var input = inp.get(0);
                var file = input.files[0];
                var fr = new FileReader();
                fr.onload = function() {
                    var img = new Image();
                    img.src = fr.result;
                    ed.insertContent('<img src="'+img.src+'"/>');
                    inp.val('');
                }
                fr.readAsDataURL(file);
            });

            ed.addButton( 'imageupload', {
                text:"IMAGE",
                icon: false,
                onclick: function(e) {
                    inp.trigger('click');
                }
            });
        }

    });
  </script>
</head>
<body>
  <textarea id="ClauseDesc"></textarea>
</body>
</html>




2 test.html

<html>
<body>
    <iframe src="TinymceTest.html" width="500" height="500"></iframe>
</body>
</html>


Here i am using Tinymce editor using iframe as per our requirement.
00JavaScript, JQuery, TinyMCE, богатых текстовый редактор, TinyMCE-плагинов,
Похожие вопросы
Яндекс.Метрика