在TinyMCE中更改默认字体类型/大小

在TinyMCE中更改默认字体类型/大小

在TinyMCE中更改默认字体类型/大小可以优化用户编辑体验，提高可读性。在TinyMCE中，可以使用插件API来更改默认字体类型/大小。以下是一个示例步骤：

1. 创建一个插件，例如“字体选择插件”。
2. 在插件的初始化函数中，获取编辑器实例。
3. 获取默认字体样式。
4. 调用编辑器实例的setup字体样式函数，并将默认字体样式作为参数传入。
5. 在编辑器实例中注册插件。

以下是一个示例代码：

tinymce.create('tinymce.plugins.FontChoice', {
    init: function(editor, url) {
        // 获取编辑器实例
        var tinyMCE = editor;

        // 获取默认字体样式
        var defaultFont = tinyMCE.dom.get('content_style').value.replace(/^\s*[\r
]/gm, '');

        // 调用setup字体样式函数，并将默认字体样式作为参数传入
        tinyMCE.init({
            selector: 'textarea',
            plugins: 'fontchoice',
            skin_url: '/js/skins/lightgray',
            init_instance_callback: function(editor) {
                editor.windowManager.initFontPicker(defaultFont);
            }
        });
    }
});

1. 在HTML中添加一个textarea元素，并为其添加font-family属性。<textarea id="content" style="font-family: 'Arial', sans-serif;">tinymce.create('tinymce.plugins.FontChoice', { init: function(editor, url) { // 获取编辑器实例 var tinyMCE = editor; // 获取默认字体样式 var defaultFont = tinyMCE.dom.get('content_style').value.replace(/^\s*[\r ]/gm, ''); // 调用setup字体样式函数，并将默认字体样式作为参数传入 tinyMCE.init({ selector: 'textarea', plugins: 'fontchoice', skin_url: '/js/skins/lightgray', init_instance_callback: function(editor) { editor.windowManager.initFontPicker(defaultFont); } }); } });#content { font-family: 'Arial', sans-serif; }tinymce.init({ selector: 'textarea', plugins: 'fontchoice', skin_url: '/js/skins/lightgray', init_instance_callback: function(editor) { editor.windowManager.initFontPicker('Arial'); } });这样，您就可以在TinyMCE中更改默认字体类型/大小了。如果您需要更详细的说明或其他支持，请随时告诉我。
2. 创建一个font-family选择器。
3. 在CSS中添加一个font-family选择器。
4. 在TinyMCE的初始化函数中，注册插件。