راهنمایی در مورد نحوه ی استفاده از CKEditor...

[hamid1988]

با سلام!
میخام از کنترل CKEditor تو پروژم استفاده کنم اما هرچی Document هاش رو بررسی کردم ازش سر در نیاوردم.
اگه نمونه پروژه ی Asp.Net ای که از CKEditor استفاده شده دارین، ممنون میشم برای دانلود بزارین.
مرسی
دمویی از CKEditor
http://ckeditor.com/demo

[alireza_s_84]

یکی نیست بگه چطور میشه از ادیتور استفاده کرد؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟/

سلام دوستان:
برای استفاده از این ادیتور راههای زیادی وجود داره(که همه شون مثله همه دیگه هستن) من دوتاشو میگم:
1: استفاده از CKEditor با کنترلهای HTML
2: استفاده از CKEditor با کنترلهای Server

این مرحله بین هردو مورد مشترکه:
فایلهای زیر رو به صفحه تون اضافه کنید:

<script src="Editor/ckeditor.js" type="text/javascript"></script>

    <link href="Editor/contents.css" rel="stylesheet" type="text/css" />

اگر از این ادیتور توی صفحات Aspx استفاده میکنید باید خاصیت ValidateRequest رو False کنید:

<%@ Page ValidateRequest="false" Language="C#‎‎" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

استفاده از CKEditor با کنترلهای HTML
ابتدا توی صفحه یک کنترل TextArea بصورت زیر تعریف میکنیم:

<textarea id="MyEditorID" name="MyEditorID" rows="10" cols="100">متن دلخواه شما در اینجا قرار میگیرد</textarea>

بعد باید با یک کد جاوااسکریپت ادیتور رو به این TextArea پیوند بدید:

<script type="text/javascript">

        CKEDITOR.replace( 'MyEditorID',{skin : 'office2003'});

    </script>

جاهایی رو که با رنگ قرمز مشخص کردم رو توجه کنید.
office2003 میتونید در اینجا Skin مورد نظرتون رو اعمال کنید .(این نسخه مثل اینکه 3 تا اسکین داره) :

• kama
• office2003
• v2

برای خوندن محتویاتش هم میتونید اینجوری عمل کنید:

 document.forms[0].onsubmit = function(e)

                                        {

                                            alert(document.getElementById('MyEditorID').value);

                                        }

اما کسایی که میخوان از این ادیتور با کنترلهای سرور استفاده کنن اینجوری عمل کنید:
اولا یک Textbox به صفحه تون اضافه کنید. بعد کد زیر رو توی Page_Load قرار بدید:

String StrScript = "CKEDITOR.replace( '" + TextBox1.ClientID + "',{skin : 'office2003'});";

        ClientScript.RegisterStartupScript(this.GetType(), "Editor", StrScript,true);

دیگه کاری نمیخواد بکنید همین کافیه.

نحوه ارسال محتویات :
یک دکمه Save توی خود ادیتور هست که کارش ارسال محتویات ادیتور به سروره.
ضمنا برای خوندن مقدار ادیتور به همون صورت معمولی عمل کنید (TextBox1.Text) برای مقدار دهی هم همینطور .
فقط یه خورده در مورد حملات XSS مطالعه کنید تا با مشکلی مواجه نشید چون خاصیت ValidateRequest رو False کردیم کنترل محتویات میمونه با برنامه نویس.

برای استفاده از فایل ضمیمه محتویات CKEditor رو توی پوشه Editor کپی کنید (چون حجمش زیاد بود من حذفشون کردم)
سوالی داشتید مطرح کنید یا پیغام خصوصی بذارید.
موفق باشید

[yekta64]

مرسی از توضیحات راستش من در حال حاضر از fckeditor استفاده می کنم اما خوب به دلایلی باید از ckeditor استفاده کنم دوتا سوال داشتم
1. ادیتور ckeditor فایل dll نداره درسته؟
2. اگه این ادیتور فایل dll نداشته باشه استفاده از اون توی پروِه های که master دارن مشکل ایجاد نمیکنه؟

[alireza_s_84]

مرسی از توضیحات راستش من در حال حاضر از fckeditor استفاده می کنم اما خوب به دلایلی باید از ckeditor استفاده کنم دوتا سوال داشتم
1. ادیتور ckeditor فایل dll نداره درسته؟
2. اگه این ادیتور فایل dll نداشته باشه استفاده از اون توی پروِه های که master دارن مشکل ایجاد نمیکنه؟

سلام دوست عزیز:
نه dll نداره.
ضمنا مشکل شما با MasterPage چیه؟؟؟
استفاده از این ادیتور هیچ مشکلی بوجود نمیاره
موفق باشید

[Alen]

نحوه ارسال محتویات :
یک دکمه Save توی خود ادیتور هست که کارش ارسال محتویات ادیتور به سروره.

وقتي اطلاعات به اين روش به سرور ارسال شد
چطوري ميشه بهش دسترسي داشت؟

[Ehsan Valinouri]

دوستان میشه یه نمونه کد از قرار دادن ckeditor در صفحه ای که MasterPage ارث میبره بذارین؟ محل قرارگیری تگ های Script و Link کجا باید باشه؟
ضمنا از تکس باکس هم ایراد میگیره! میگه Name 'TextBox1' Is Not Declared در حالی که همچین تکس باکسی وجود داره

[yekta64]

دوستان میشه یه نمونه کد از قرار دادن ckeditor در صفحه ای که MasterPage ارث میبره بذارین؟ محل قرارگیری تگ های Script و Link کجا باید باشه؟
ضمنا از تکس باکس هم ایراد میگیره! میگه Name 'TextBox1' Is Not Declared در حالی که همچین تکس باکسی وجود داره

سلام
شما باید دو تگ script و link رو توی تگ head در مسترپیچ قرار بدی
بعد اینکه textbox رو در صفحه که می خوای ادیتور توی اون باشه قرار میدید و در pageload همون صفحه دو خط کد مربوطه را می نویسید
امیدورام مشکلتون حل بشه

[yekta64]

سلام دوستان
یه سوال توی این ادیتور اگه بخوام اطلاعات بخونم و مثلا توی صفحه نمایش بدم باید به صورت زیر عمل کنم

response.write(textbox1.text)

این کد برای من هیچی رو توی صفحه نمی نویسه مشکل چی هستش؟

[alireza_s_84]

سلام دوستان
یه سوال توی این ادیتور اگه بخوام اطلاعات بخونم و مثلا توی صفحه نمایش بدم باید به صورت زیر عمل کنم

response.write(textbox1.text)

این کد برای من هیچی رو توی صفحه نمی نویسه مشکل چی هستش؟

سلام:
شما اینجوری بنویسید:

String TextBoxID=TextBox1.ClientID;

        Response.Write(Request.Form[TextBoxID]);

موفق باشید

[yekta64]

سلام:
شما اینجوری بنویسید:

String TextBoxID=TextBox1.ClientID;

        Response.Write(Request.Form[TextBoxID]);

موفق باشید

مرسی
به نظر شما اگه از کدی که گفتم

response.write(textbox1.text)

که البته جواب هم می ده چه ایرادی داره؟

[m1pfard]

سلام
من هنوز از FCKEDITOR استفاده می کنم و امروز هم که خواستم نسخه جدیدش رو (CKEDITOR) رو داونلود کنم با کلی سوال روبرو شدم!!!!!!!
البته با بحثهایی که اینجا بود به نتایجی رسیدم ولی یه سوال می مونه: چرا FileBrowser این نسخه کنارش نیست؟ و اگه قراره از CKFinder استفاده بشه (که به نظر میرسه رایگان هم نیست) چطوری باید کنار هم قرار بگیرن؟

[Chabok]

چطوری باید کنار هم قرار بگیرن؟

CKFinder : FCKeditor Integration

[alireza_s_84]

مرسی
به نظر شما اگه از کدی که گفتم

response.write(textbox1.text)

که البته جواب هم می ده چه ایرادی داره؟

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

[niksoft]

سلام دوستان 2 تا سوال داشتم
1 : چرا قسمت آپلود تصویر حذف شده است ؟
2 : چرا ادیتور به صورت پیش فرض فارسی است (طریقه انگلیسی شدن چیست ؟)

[niksoft]

سلام
آیا این امکان وجود داره که فونت خود ادیتور رو تغییر دهیم ؟
(فونت محتوای داخل ادیتور منظورم نیست .. منظورم فونت خود ادیتور هست)

[a_true_2004]

سلام
از CKFinder در یک پروژه استفاده کردم که دارای MasterPage هست.
مشکلی که وجود داره اینه که موقعی که متن رو به txtEdiror.Text نسبت میدم، داخل editor نمایش داده نمیشه. متنی رو هم که داخل editor تایپ میکنم سمت سرور قابل دسترسی نیست. با Breakpoint امتحان کردم و دیدم که موقع بازگشت به سرور متنی که موقع load به txtEditor داده بودم برگشته اون هم بدون هیچ تغییری.
چگونه این مشکل حل می شود؟ دوستانی که با MasterPage تست کرده اند راهنمایی کنند.

[a_true_2004]

سلام.
دوستان فکر میکنم همه مشکلات استفاده از این editor برای asp.net حل شد.
امروز با searchهایی که انجام دادم این کنترل رو پیدا کردم.
http://syrinxckeditor.codeplex.com/
------------------------------
منبع بررسی شده http://cksource.com/forums/viewtopic...lit=Masterpage
------------------------------
تست شده و به درستی در Masterpage هم جواب میده.
با کد زیر هم میتونید FileBrowser رو با CKFinder، تنظیم کنید.

string StrScript = "CKFinder.SetupCKEditor( null, '/ControlPanel/ckfinder/' );";

ClientScript.RegisterStartupScript(this.GetType(), "Editor", StrScript, true);

البته به جای
/ControlPanel/ckfinder/
مسیر مربوط به ckfinder در سرور خودتون رو بدید.

[A.S.Roma]

اگر بخواهم به صورت پیش فرض متن راست چین باشد در Config.js باید چی بنویسم !؟

[A.S.Roma]

من از CKEditor استفاده می کنم .
فکر کنم این کدتون فقط واسه FCKEditor باشه .

[hamid1988]

من از CKEditor استفاده می کنم .
فکر کنم این کدتون فقط واسه FCKEditor باشه .

CKEDITOR.editorConfig = function( config )

{

    // Define changes to default configuration here. For example:

     config.language = 'fa';

    // config.uiColor = '#AADC6E';

};

[A.S.Roma]

از این کد استفاده کردم اما فقط Editor را فارسی می کند ولی TextAlign آن همچنان چپ چین است .

[A.S.Roma]

من با روش پست دو نمی تونم مقدار ادیتور رو سمت سرور بخونم ... .
txtEditor.text همیشه خالیه .

[hamid1988]

وقتی در UserControl استفاده می کنم به کد زیر ایراد میگیره:

ClientScript.RegisterStartupScript(this.GetType(), "Editor", StrScript, true);

راه چارش چیه؟

[alireza_s_84]

وقتی در UserControl استفاده می کنم به کد زیر ایراد میگیره:

ClientScript.RegisterStartupScript(this.GetType(), "Editor", StrScript, true);

راه چارش چیه؟

متن خطا رو بذارید

[hamid1988]

متن خطا رو بذارید

The name 'ClientScript' dose not exist in current context

[Alen]

اگر بخواهم به صورت پیش فرض متن راست چین باشد در Config.js باید چی بنویسم !؟

CKEDITOR.replace( 'Editor1',contentsLangDirection:'rtl'});

[hamid1988]

دوستان، کسی تا به حال در UserControl از این Editor استفاده نکرده؟!
راه حل خطای زیر چیه؟

The name 'ClientScript' dose not exist in current context

[alireza_s_84]

دوستان، کسی تا به حال در UserControl از این Editor استفاده نکرده؟!
راه حل خطای زیر چیه؟

The name 'ClientScript' dose not exist in current context

سلام دوست عزیز:

Me.Page.ClientScript.RegisterClientScriptBlock()

موفق باشید

[hamid1988]

Me.Page.ClientScript.RegisterClientScriptBlock()

موفق باشید

دوست عزیز این کد رو می نویسم ولی فقط تکست باکس رو نشون میده و به Editor تبدیل نمیشه!

[alireza_s_84]

دوست عزیز این کد رو می نویسم ولی فقط تکست باکس رو نشون میده و به Editor تبدیل نمیشه!

دوست عزیز شما باید کدهای اسکریپتت رو اینجوری Register کنی نه اینکه همین کد رو کپی کنی تو صفحه.
شما مثل مثالهای قبلی عمل کنید ولی در مرحله آخر به جای

ClientScript.RegisterStartupScript(this.GetType(), "Editor", StrScript, true);

اینجوری نویس:

Me.Page.ClientScript.RegisterStartupScript(this.Ge  tType(), "Editor", StrScript, true);

موفق باشی

[hamid1988]

دوست عزیز شما باید کدهای اسکریپتت رو اینجوری Register کنی نه اینکه همین کد رو کپی کنی تو صفحه.

دقیقاَ عین کدی که نوشتید رو نوشته بودم ولی فقط تکست باکس نشون میده!

[mohsen_f_b]

سلام
من تازه واردم.
چطوری چیزایی رو که نوشتیم توسط ادیتور توی بانک ذخیره کنم.
باتشکر

باتشکر

[hamid1988]

دوستان، من همچنان در استفاده از این ادیتور در UserControl مشکل دارم!
پروژم رو گذاشتم، لطفاَ یه نگاهی بهش بندازید!
http://www.hamidrahbar.com/temp/ckeditor.rar

[Alen]

سلام
من تازه واردم.
چطوری چیزایی رو که نوشتیم توسط ادیتور توی بانک ذخیره کنم.
باتشکر

باتشکر

دوست عزيز ،
نحوه دسترسي به محتويات اين اديتور ، با نحوه دسترسي به محتويات يك textarea معمولي فرقي تداره
تو asp.net‌خيلي راحت ميتوني با استفاده از ID كه براش تعيين ميكني بهش دسترسي داشته باشي
يا تو هر محيطي اين textarea رو داخل تگ form بگذاري و با استفاده از متد get يا post به محتواش دسترسي داشته باشي

[Alen]

دوستان، من همچنان در استفاده از این ادیتور در UserControl مشکل دارم!
پروژم رو گذاشتم، لطفاَ یه نگاهی بهش بندازید!
http://www.hamidrahbar.com/temp/ckeditor.rar

دوست عزيز من دانلودش كردم مرورگر من كه درست نشون ميده مشكلش چيه؟

[clover]

جالبه !
من هم در حال استفاده از این ادیتور هستم . پروژه ی من از نوع website هست . روی سیستمم کار میکنه اما روی هاست که آپلود می کنم فقط تکست باکس را نشون میده . البته کد های جاوا توی سورس صفحه دیده میشه اما خود ادیتور نه ! آیا کسی میدونه اشکال از کجاست ؟
آیا از IIS نیست ؟

در ضمن Me چی هست ؟ به چی اشاره داره ؟ تو پروژه من وجود نداره .

[A.S.Roma]

در ضمن Me چی هست ؟ یه کلاسه ؟ تو پروژه من وجود نداره .

Me معادل this در Csharp است.

[clover]

Me معادل this در Csharp است.

ok !
چون دقیقا من به جای Me از this استفاده کردم .

این آدرس صفحه ای هست که از ادیتور استفاده کردم :

http://taksabad.ir/Editor.aspx

خیلی باهاش کلنجار رفتم اما باز هم روی هاست کار نمیکنه .

[clover]

جالبه !
من هم در حال استفاده از این ادیتور هستم . پروژه ی من از نوع website هست . روی سیستمم کار میکنه اما روی هاست که آپلود می کنم فقط تکست باکس را نشون میده . البته کد های جاوا توی سورس صفحه دیده میشه اما خود ادیتور نه ! آیا کسی میدونه اشکال از کجاست ؟
آیا از IIS نیست ؟

در ضمن Me چی هست ؟ به چی اشاره داره ؟ تو پروژه من وجود نداره .

پیدا کردم ! در پوشه ای که فایل ها وجود دارند یک فایل با پسوند htaccess وجود داره که باعث فعال شدن گارد IIS میشه و در واقع صفحه ای که در حال استفاده از ادیتور هست نمی تونه به فایل ها دسترسی پیدا کنه . با پاک کردن این فایل مشکل حل شد.

[Mostafa_Dindar]

كسي تونسته Image Uploader بنويسه .
اينجا تو مستنداتش توضيح داده . من كه متوجه نشدم چطور اينكار رو بكنم