如何在Wicket中設置TinyMCE的content_css？

我對wicket比較陌生，想爲tinymce編輯器設置content_css。但無法弄清楚如何通過CssResourceReference來引用我們網站的樣式表。我只想引用我在常規檢票標記（<link href="c/lw.css" ...>）中的樣式表，因此tinymce中的預覽看起來不錯。代碼：如何在Wicket中設置TinyMCE的content_css？

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

什麼進入setContentCss？無論我嘗試用

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

點什麼奇怪與wicket/resource/wicket.contrib.tinymce...，但從來沒有給我們的樣式表的實際位置。

來源

2012-06-29 Michael Lemke

你可能想看看這太問題：Styling text for textarea Wicket

來源

2012-06-29 11:46:49 Thariama

謝謝，我已經看到了。也許我不清楚。我想使用wicket-stuff-tinymceplugin來做到這一點，只是在你所鏈接的問題中提出的意見。 –

可能有點晚了的答案，但考慮到「C/lw.css」在HTML工作，你應該寫相同的resourcereference：

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

來源

2013-01-22 20:18:01 cserepj

謝謝。我想我已經嘗試過了，但是結果是我的問題中提到了一些與TinyMCE相關的東西。我不記得，太久以前。但是我已經放棄了TinyMCE，並用CKEditor取而代之。 –

的CSS樣式表應該TinyMCE的樣式編輯器可以添加這樣（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));

完整的示例：

的Java

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>

款式如

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

爲了例如樣式TinyMCE的編輯器的輸入區域： - 寬度和textarea的TinyMCE的編輯器使用ID的高度（文件樣式html頁面應該在文件「style.css文件」指定）字體大小，顏色，...，使用的資源文件（在此示例文件「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-23 13:22:53 vitfo

如何在Wicket中設置TinyMCE的content_css？

回答

相關問題