1

我对 wicket 有点陌生，正在尝试为 tinymce 编辑器设置 content_css。但无法弄清楚如何通过CssResourceReference. 我只想引用我们常规检票口标记 ( <link href="c/lw.css" ...>) 中的样式表，以便 tinymce 中的预览看起来正确。在代码中：

TinyMCESettings s = new TinyMCESettings(TinyMCESettings.Theme.advanced);
s.setContentCss(????);

进入setContentCss什么？无论我尝试什么

CssResourceReference css = new CssResourceReference(this.class, "lw.css");

指向一些奇怪的东西，wicket/resource/wicket.contrib.tinymce...但从不指向我们样式表的实际位置。

4

3 回答 3

0

答案可能有点晚了，但考虑到“c/lw.css”在 html 中有效，您应该在资源参考中写下相同的内容：

CssResourceReference css = new CssResourceReference(this.class, "c/lw.css");
于 2013-01-22T20:18:01.830 回答
0

您可能想看看这个 SO 问题：Styling text for textarea Wicket

于 2012-06-29T11:46:49.790 回答
0

可以通过这种方式添加应该设置 TinyMCE 编辑器样式的 css 样式表（css 文件应该与 java 类放在同一个包中）：

TextArea ta = new TextArea("ta");
TinyMCESettings settings = new TinyMCESettings(TinyMCESettings.Theme.advanced);
ResourceReference cssRef = new CssResourceReference(this.getClass(), "tinymce.css");
settings.setContentCss(cssRef);
ta.add(new TinyMceBehavior(settings));

完整示例：

爪哇

public class TinyMCEPage extends WebPage {

    public TinyMCEPage() {
        TextArea ta = new TextArea("ta");

        TinyMCESettings settings = new TinyMCESettings(TinyMCESettings.Theme.advanced);
        ResourceReference cssRef = new CssResourceReference(this.getClass(), "tinymce.css");
        settings.setContentCss(cssRef);

        ta.add(new TinyMceBehavior(settings));
        add(ta);
    }
}

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
    <textarea wicket:id="ta" id="ta" name="ta"></textarea>
</body>
</html>

要设置 TinyMCE 编辑器的宽度和高度等样式，请使用 textarea 的 id（应在文件“style.css”中指定 - 设置 html 页面样式的文件）：

#ta {
    width: 800px;
    height: 600px;
}

要设置 TinyMCE 编辑器的输入区域的样式，例如字体大小、颜色等，请使用资源文件（在本示例文件中为“tinymce.css”）和 css 选择器主体：

body {
    font-size: 14px;
    background-color: #ffeedd;
    border: 1px solid #333;
}

此示例已使用：wicket.version 6.17.0 和 wicketstuff-tinymce 版本 6.16.0 进行了测试。

于 2014-10-23T13:22:53.813 回答