سوال در مورد اضافه کردن استایل به ادیتور

[parantezp]

سلام به همه.
آقا من یه مشکل دارم اینه که نمیتونم استایل به ادیتور اضافه کنم. هم رو CKeditor تست کردم هم رو tinymce...

کسی چیزی در این مورد میدونه...؟؟؟
هرچی گشتم چیزی پیدا نکردم به ...

پیشاپیش از کمک های انسان دوستانتون ممنون و متشکرم

در ضمن قلبم هم yougird هست.

[gogerd]

منظورت از استایل چیه؟

[parantezp]

منظورم از استایل اینه. می خوام به این لیست استایل خودم رو اضافه کنم

[Reza Ganji]

این رو باید ادیتور رو ویرایش کنید و باید برنامه نویسی بلد بود.

[parantezp]

بله. منم فایل
editor.css
رو که در مسیر template/system قرار داشت رو ویرایش کردم ولی تغییرات اعمال نمیشه. آدرس فایل خودم رو هم که میدم میگه پیداش نمی کنم.
البته اینا مربوط به tiny ادیتور هست.
میخوام اگه کسی قبلا این کار رو کرده بگه چطور موفق شده.

[parantezp]

با سلام .
خودم پیداش کردم و سورسشو دستکاری کردم
البته در ckeditor....
اولا از تو آموزش سایتش چیزی دستگیرم نشد. انجام دادم ولی...
اینم لینک آموزش ckeditor
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


اما راهی رو که خودم رفتم اینه:
اول به مسیر زیر رفتم
plugins\editors\ckeditor\ckeditor\plugins\styles\styles\default.js
و تو این فایل تغییرات رو انجام دادم.
البته برای تغییرات حرفه ای تر باید مقداری جاوا بلد باشید.

کد: (انتخاب همه)

/*
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/

CKEDITOR.stylesSet.add('default',
                       [{name:'Brown Title',element:'h3',styles:{color:'#800000'}},
                        {name:'Green Title',element:'h3',styles:{color:'#006400'}},
                        {name:'Blue Title',element:'h3',styles:{color:'#0000cd'}},
                        {name:'Orange Title',element:'h3',styles:{color:'#ff8c00'}},
                        {name:'Red Dark Title',element:'h3',styles:{color:'#990033'}},
                        {name:'Red Title',element:'h3',styles:{color:'Red'}},
                        {name:'Marker: Yellow',element:'span',styles:{'background-color':'Yellow'}},
                        {name:'Marker: Green',element:'span',styles:{'background-color':'Lime'}},
                        {name:'Big',element:'big'},
                        {name:'Small',element:'small'},
                        {name:'Typewriter',element:'tt'},
                        {name:'Computer Code',element:'code'},
                        {name:'Keyboard Phrase',element:'kbd'},
                        {name:'Sample Text',element:'samp'},
                        {name:'Variable',element:'var'},
                        {name:'Deleted Text',element:'del'},
                        {name:'Inserted Text',element:'ins'},
                        {name:'Cited Work',element:'cite'},
                        {name:'Inline Quotation',element:'q'},
                        {name:'Language: RTL',element:'span',
                        
                        attributes:{dir:'rtl'}},
                        {name:'Language: LTR',element:'span',attributes:{dir:'ltr'}},
                        {name:'Image on Left',element:'img',attributes:{style:'padding: 5px; margin-right: 5px',border:'2',align:'left'}},
                        {name:'Image on Right',element:'img',attributes:{style:'padding: 5px; margin-left: 5px',border:'2',align:'right'}},
                        {name:'Borderless Table',element:'table',styles:{'border-style':'hidden','background-color':'#E6E6FA'}},
                        {name:'Square Bulleted List',element:'ul',styles:{'list-style-type':'square'}}]);

میتونید این کد رو وارد ادرس بالا کنید تا تغییرات رو مشاهده کنید