پارس جوم ::  انجمن های تخصصی جوملا
سوال در مورد اضافه کردن استایل به ادیتور - نسخه‌ی قابل چاپ

+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: سوال در مورد اضافه کردن استایل به ادیتور (/thread-5950.html)



سوال در مورد اضافه کردن استایل به ادیتور - parantezp - ۱۸-۲-۱۳۹۱ ۰۳:۴۶ صبح

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

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

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

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


RE: سوال در مورد اضافه کردن استایل به ادیتور - gogerd - ۲۱-۲-۱۳۹۱ ۰۳:۴۶ صبح

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


RE: سوال در مورد اضافه کردن استایل به ادیتور - parantezp - ۲۳-۲-۱۳۹۱ ۰۲:۳۰ صبح

[تصویر:  Untitled-1.jpg]
منظورم از استایل اینه. می خوام به این لیست استایل خودم رو اضافه کنم


RE: سوال در مورد اضافه کردن استایل به ادیتور - Reza Ganji - ۲۳-۲-۱۳۹۱ ۰۵:۲۸ صبح

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


RE: سوال در مورد اضافه کردن استایل به ادیتور - parantezp - ۲۳-۲-۱۳۹۱ ۰۴:۲۱ عصر

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


RE: سوال در مورد اضافه کردن استایل به ادیتور - 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'}}]);

میتونید این کد رو وارد ادرس بالا کنید تا تغییرات رو مشاهده کنید
[تصویر:  pic.jpg]