Question

不能自己解决这个问题。

它通过一些大字体选择每种字体（我假设它是fontSize = 7）。因此，如果我选择字体大小，让我们说13px，并开始输入它会先变成一个巨大的字体，但如果我再次选择13px字体，它会开始渲染13px字体。它为每种字体都这样做。（首先是巨大的字体，然后是第二次点击的字体）。有什么想法吗？

这是指向编辑器文件的链接：https://github.com/wysiwygjs/wysiwyg.js

// Fontsize plugin
    fontsize: index != 0 ? false : {
        title: 'Size',
        image: '\uf034', // <img src="path/to/image.png" width="16" height="16" alt="" />
        popup: function( $popup, $button ) {
                // Hack: http://stackoverflow.com/questions/5868295/document-execcommand-fontsize-in-pixels/5870603#5870603
                var list_fontsizes = [];
                for( var i=8; i <= 11; ++i )
                    list_fontsizes.push(i+'px');
                for( var i=12; i <= 28; i+=2 )
                    list_fontsizes.push(i+'px');
                list_fontsizes.push('36px');
                list_fontsizes.push('48px');
                list_fontsizes.push('72px');
                var $list = $('<div/>').addClass('wysiwyg-plugin-list')
                                       .attr('unselectable','on');
                $.each( list_fontsizes, function( index, size ) {
                    var $link = $('<a/>').attr('href','#')
                                        .html( size )
                                        .click(function(event) {
                                            $(element).wysiwyg('shell').fontSize(7).closePopup();
                                            $(element).wysiwyg('container')
                                                    .find('font[size=7]')
                                                    .removeAttr("size")
                                                    .css("font-size", size);
                                            // prevent link-href-#
                                            event.stopPropagation();
                                            event.preventDefault();
                                            return false;
                                        });
                    $list.append( $link );
                });
                $popup.append( $list );
               }
        //showstatic: true,    // wanted on the toolbar
        //showselection: true    // wanted on selection
    },

我取得了一些进展。我改变了它，它似乎是在没有大字体跳转的情况下改变字体，但它不想取消以前的字体并开始一个新的字体。即使您换行，它也会不断将整个文本更改为新字体。

        // Fontsize plugin
        fontsize: index != 0 ? false : {
            title: 'Size',
            image: '\uf034', // <img src="path/to/image.png" width="16" height="16" alt="" />
            popup: function( $popup, $button ) {
                    // Hack: http://stackoverflow.com/questions/5868295/document-execcommand-fontsize-in-pixels/5870603#5870603
                       var list_fontsizes = [];
                        for( var i=8; i <= 11; ++i )
                            list_fontsizes.push(i+'px');
                        for( var i=12; i <= 28; i+=2 )
                            list_fontsizes.push(i+'px');
                        list_fontsizes.push('36px');
                        list_fontsizes.push('48px');
                        list_fontsizes.push('72px');
                        var $list = $('<div/>').addClass('wysiwyg-plugin-list')
                                               .attr('unselectable','on');
                        $.each( list_fontsizes, function( fontSize, size ) {
                            var $link = $('<a/>').attr('href','#')
                                                .html( size )
                                                .click(function(event) {
                                                    $(element).wysiwyg('shell').fontSize().closePopup();
                                                    $(element).wysiwyg('container')
                                                            .removeAttr("size")
                                                            .css("font-size", size);
                                                    // prevent link-href-#
                                                    event.stopPropagation();
                                                    event.preventDefault();
                                                    return false;
                                                });
                            $list.append( $link );
                        });
                        $popup.append( $list );
                       }
                //showstatic: true,    // wanted on the toolbar
                //showselection: true    // wanted on selection
            },

WYSIWYG编辑器字体大小问题

0 个答案: