Question

我对wicket有点新意，并试图为一个tinymce编辑器设置content_css。但无法弄清楚如何通过CssResourceReference引用我们网站的样式表。我只是想参考我在常规wicket标记（<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...的奇怪内容但从未指向样式表的实际位置。

Answer 1

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

Answer 2

答案可能有点迟了，但考虑到“c / lw.css”在html中有效，你应该在资源引用中写出相同的内容：

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

Answer 3

应该以这种方式添加应该为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（它应该在文件＆＃34中指定; style.css＆＃34; - 用于设置html页面样式的文件）：

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

设置TinyMCE编辑器的输入区域的样式，例如font-size，color，...，使用资源文件（在本例中为文件＆＃34; tinymce.css＆＃34;）和css选择器主体：

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

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

如何在Wicket中为TinyMCE设置content_css？

3 个答案: