Tinymce不在angularjs mdDialog工作 [英] Tinymce not working in angularjs mdDialog

问题描述

我正在尝试在angularjs mdDialog中使用TinyMCE编辑器。

Worling Plukr： http://embed.plnkr.co/s3NsemdcDAtG7AoQRvLh/

I'm trying to use TinyMCE editor in angularjs mdDialog.
Worling Plukr: http://embed.plnkr.co/s3NsemdcDAtG7AoQRvLh/

Plunkr有问题： http://embed.plnkr.co/fL8kGLl3b4TNdxW1AtKG/

Plunkr with issues: http://embed.plnkr.co/fL8kGLl3b4TNdxW1AtKG/

所有功能都正常工作而不是下拉：
http：// prntscr .com / fop9u0

如果我将下降的最高位置增加到100px左右，它的工作正常。 http://prntscr.com/fope8o

我注意到这个问题出现了页面滚动..

All features are working normally instead of drop down: http://prntscr.com/fop9u0
It works fine if I increase the top position of drop down around 100px. http://prntscr.com/fope8o
I noticed that this problem appearing due to page scroll..

有人可以帮助我将这些下拉放在合适的位置。

Can someone help me out to get these drop downs in right position.

推荐答案

有一个顶级位置计算问题，可以修复在app.js文件中添加以下代码
`

There is a top position calculation issue, It can be fixed adding below code in app.js file in `

$scope.addMoreInfoFunction = function(event) {
        setTimeout(function() {
            $('.mce-btn').on('click', function() {
                var bodyTop = $('body').offset().top;
                if (bodyTop < 0) {
                    setTimeout(function() {
                        var top = parseInt($('#mceu_50').css('top'));
                        var newTop = top / 2 - bodyTop - 30;
                        $('#mceu_50').css('top', newTop);
                        console.log(newTop);
                    }, 300);
                }
            });
        }, 300);
        $mdDialog.show({
            controller: ['$scope', '$mdDialog', DialogAddMoreInfoController],
            templateUrl: 'addMoreInfo.tmpl.html',
            parent: angular.element(document.body),
            targetEvent: event,
            clickOutsideToClose: true
        });
        };
        });

`

计算可以要纠正，请知道是否有帮助

这篇关于Tinymce不在angularjs mdDialog工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！