tinymce - 如何动态更改tinymce编辑器的字体样式和大小？

Question

tinymce 的常见问题解答解释了如何通过引用自定义文件来更改编辑器的默认字体样式。content_css

但我想以编程方式即时更改编辑器的字体样式。有任何想法吗？谢谢。

Answer 1

这是可能的，但需要一些知识。

你需要调用类似的东西

self.switchStyle(url, ed);

switchStyle 在哪里

    // url is the url to the stylesheet file to be added to the editor iframes head
    // ed is the editor object or editor id
    switchStyle: function(url, ed) {

        if (typeof ed != 'object') {
            ed = tinymce.get(ed);
        }

                    //replace the custom content_css if set
        var url_to_replace = ed.getParam('content_css');

        var doc = ed.getDoc();
        var $doc = $(doc);

        var sheets_urls = [];

        if (url_to_replace){
            sheets_urls.push(url_to_replace);
        }

        // remove all stylesheets from sheets_urls
        $doc.find('link').each(function() {
            if (tinymce.inArray(sheets_urls, $(this).attr('href').split('?')[0]) !== -1) {
                $(this).remove();
            }
        });

        var link  = doc.createElement('link');
        link.type = 'text/css';
        link.rel  = 'stylesheet';
        link.href = url;

        // setstylesheet
        $doc.find('head:first').append(link);
    },