Javascript 如何设置Wicket中TinyMCE的内容?
我是wicket的新手,正在尝试为tinymce编辑器设置内容。但无法通过Javascript 如何设置Wicket中TinyMCE的内容?,javascript,tinymce,wicket,wicketstuff,Javascript,Tinymce,Wicket,Wicketstuff,我是wicket的新手,正在尝试为tinymce编辑器设置内容。但无法通过CssResourceReference了解如何引用我们网站的样式表。我只想引用我在常规wicket标记()中的样式表,这样tinymce中的预览看起来就对了。代码: TinyMCESettings s = new TinyMCESettings(TinyMCESettings.Theme.advanced); s.setContentCss(????); setContentCss中有什么内容?不管我用什么 CssRe
CssResourceReference
了解如何引用我们网站的样式表。我只想引用我在常规wicket标记(
)中的样式表,这样tinymce中的预览看起来就对了。代码:
TinyMCESettings s = new TinyMCESettings(TinyMCESettings.Theme.advanced);
s.setContentCss(????);
setContentCss
中有什么内容?不管我用什么
CssResourceReference css = new CssResourceReference(this.class, "lw.css");
指向wicket/resource/wicket.contrib.tinymce…的一些奇怪之处,但从未指向我们样式表的实际位置。您可能想看看这个问题:回答可能有点晚,但考虑到“c/lw.css”在html中工作,您应该在resourcereference中写同样的内容:
CssResourceReference css = new CssResourceReference(this.class, "c/lw.css");
可以通过这种方式添加应设置TinyMCE编辑器样式的css样式表(css文件应与java类放在同一个包中):
完整示例: 爪哇 HTML 要设置TinyMCE编辑器键入区域的样式,例如字体大小、颜色等,请使用资源文件(在本示例文件“TinyMCE.css”中)和css选择器主体:
body {
font-size: 14px;
background-color: #ffeedd;
border: 1px solid #333;
}
这个例子是使用wicket.version 6.17.0和wicketstuff tinymce version 6.16.0进行测试的。谢谢,我已经看到了。也许我不清楚。我想用wicket stuff tinymceplugin来做这件事,就像你链接的问题中建议的那样。谢谢。我想我试过了,但最终得到了与TinyMCE相关的东西,正如我在问题中所建议的那样。我不记得了,很久以前。但我还是放弃了TinyMCE,取而代之的是CKEditor。
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);
}
}
<!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>
#ta {
width: 800px;
height: 600px;
}
body {
font-size: 14px;
background-color: #ffeedd;
border: 1px solid #333;
}