2013-11-04 18 views
0

即時通訊設法有效地使用ckeditor,但需要改變它插入的圖像的樣式。ckEditor,改變插入圖像的圖像類

有沒有一種方法可以找出班級是什麼/改變它我自己呢?

我看了,但無法找到它,所有的文件是最小化和可怕的理解。

克雷格。

回答

0

看看這個例子:http://jsfiddle.net/qdndP/127/ - 注意內容中的破碎圖像。看看源代碼 - 沒有ID或課程。然後切換到wysiwyg模式,雙擊圖像,單擊右邊的選項卡(高級,我想用英語),爲ID和類輸入一些值,單擊確定並再次查看源。對於我來說是這樣的:

Screenshot of the Finnish image dialog I used

<!-- FROM --> 
<p><img src="bla.png" /></p> 
<!-- TO --> 
<p><img class="Magical ponies" id="AwesomeImage" src="bla.png" /></p> 

如果你不能看到你的CKEditor這些選項,你使用的是什麼版本,你有什麼配置?另外,CKEditor是開源的。你可以在https://github.com/ckeditor/ckeditor-dev看到源代碼 - 但我不建議黑客入侵核心。

+0

如果您需要自動添加類到圖像,執行取決於您的要求。你真的想要一個所有圖像?會不會有其他的CSS選擇器對此有用呢,比如'#Ckeditorcontent img {}'?或者你可以使用數據處理器,並在這裏像我的問題的答案:http://stackoverflow.com/questions/12257668 – Nenotlep