TinyMCE 代码示例插件对话框高度
TinyMCE codesample plugin dialog height
有谁知道如何更改此弹出窗口的高度?他们使用 javascript 设置高度,这在小型笔记本电脑上太高了。可以用 css 中的重要声明覆盖样式,但感觉很乱。我希望有一个 属性 可以用在 TinyMCE 的 init 方法中。
更新:现在有控制对话框宽度和高度的配置选项:
https://www.tinymce.com/docs/plugins/codesample/#codesample_dialog_width
https://www.tinymce.com/docs/plugins/codesample/#codesample_dialog_height
原始答案: 目前没有配置选项来控制它...您当然可以在插件代码中更改它。在 TinyMCE 的 4.3.12 版本中,我将第 1103 和 1104 行的代码更改为:
open: function(editor) {
editor.windowManager.open({
title: "Insert/Edit code sample",
minWidth: Math.min(DOM.getViewPort().w, 600),
minHeight: Math.min(DOM.getViewPort().h, 450),
这减少了编辑器的宽度和高度。当然,如果您更新 TinyMCE,则需要重新添加此更改,但这是一个非常简单的更新。
有谁知道如何更改此弹出窗口的高度?他们使用 javascript 设置高度,这在小型笔记本电脑上太高了。可以用 css 中的重要声明覆盖样式,但感觉很乱。我希望有一个 属性 可以用在 TinyMCE 的 init 方法中。
更新:现在有控制对话框宽度和高度的配置选项:
https://www.tinymce.com/docs/plugins/codesample/#codesample_dialog_width https://www.tinymce.com/docs/plugins/codesample/#codesample_dialog_height
原始答案: 目前没有配置选项来控制它...您当然可以在插件代码中更改它。在 TinyMCE 的 4.3.12 版本中,我将第 1103 和 1104 行的代码更改为:
open: function(editor) {
editor.windowManager.open({
title: "Insert/Edit code sample",
minWidth: Math.min(DOM.getViewPort().w, 600),
minHeight: Math.min(DOM.getViewPort().h, 450),
这减少了编辑器的宽度和高度。当然,如果您更新 TinyMCE,则需要重新添加此更改,但这是一个非常简单的更新。