نحوه قرار دادن ادیتور در صفحه+ کار کردن با آن + شخصی سازی ادیتور ckeditor

[zidanerfan]

دوستان می خوام تو فرم ویو از ادیتور استفاده کنم کسی نیست جواب بده

[zidanerfan]

وجدانا کسی نیست جواب بده

[moona9090]

سلام
من این فایلی که آقای majnun تو صفحه زیر گزاشتن دانلود کردم.
https://barnamenevis.org/showthread.p...�ور-ckeditor
فقط یه مشکل باهاش دارم اونم اینه که زمان اجرا تمام ابزارها کارشونو به درستی انجام میدن الا font و fontsize که هیچ رقمه کار نمی کنن
میخواستم ببینم این مشکل از فایلیه که آپلود کردین یا فقط واسه من اینجوره؟
بگم که تمام مطالبه این تاپیکو هم مطالعه کردم ولی باز نتونستم رفعش کنم

[iranolom]

با سلام خدمت دوستان

به علت زیادی درخواست ها برای کار با ادیتور ckeditor و تاپیک های گوناگون ایجاد شده در این چند روز این آموزش کوتاه و ساده را تقدیم میکنم :

نحوه قرار دادن ادیتور در صفحه+ کار کردن با آن + شخصی سازی ادیتور ckeditor

برای قرار دادن ادیتور درون صفحه ابتدا ValidateRequest صفحه را برابر با false قرار دهید :

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

خب حالا پوشه ای به نام editor درون سایت ساخته و فایل های ادیتور را دورن آن کپی کنید و بعد از آن این دو تگ را درون صفحه اضافه کنید :

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

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

اکنون یک textbox درون صفحه قرار دهید و مقدار TextMode آن را برابر MultiLine قرار دهید :

  <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Height="390px" 

            Width="788px"></asp:TextBox>

خب اکنون باید درون pageload صفحه این کد را قرار دهید :

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

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

اکنون میتوانید صفحه را اجرا و ادیتور را مشاهده کنید ...
برای آنکه skin ادیتوررا تغییر دهید کافیست در کدی که درون pageload صفحه نوشته اید کد skin : 'kama' را تغییر دهید

مقادیری که میپذیرد را از پوشه skin درون فایل های ادیتور مشاهده کنید ...

برای ذخیره سازی متن درون ادیتور کافیست خاصیت text از textbox1 را بگیرید .... ( درج در دیتابیش یا ... )
حال برای آنکه در toolbar تنها امکانات دلخواه خود را داشته باشیم باید toolbat ادیتور را ویرایش کنیم
برای نام گذاری یک toolbar در ادیتور به این صورت عمل میکنیم :

config.toolbar_<name>

مانند :

config.toolbar_Medium
config.toolbar_Basic
config.toolbar_Full

اکنون برای اینکه امکانات درون toolbar را کم یا زیاد کنید باید کدهای تابع زیر را کم و زیاد کنید ...
من کد toolbar_full را میزارم که همه کنترل ها را دارد ...

CKEDITOR.config.toolbar_Full =

[

	['Source','-','Save','NewPage','Preview','-','Templates'],

	['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],

	['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],

	['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],

	'/',

	['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],

	['NumberedList','BulletedList','-','Outdent','Indent','Blockquote','CreateDiv'],

	['JustifyLeft','JustifyCenter','JustifyRight','Just  ifyBlock'],

	['BidiLtr', 'BidiRtl' ],

	['Link','Unlink','Anchor'],

	['Image','Flash','Table','HorizontalRule','Smiley',  'SpecialChar','PageBreak'],

	'/',

	['Styles','Format','Font','FontSize'],

	['TextColor','BGColor'],

	['Maximize', 'ShowBlocks','-','About']

];

و میتوانید کد toolbar_Basic را نیز ببینید ...

	config.toolbar_Basic =



    	[   



		['Bold', 'Italic', 'Underline', 'Strike', '-','JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'Source'],

		'/',

		['Font', 'FontSize', 'Format', '-']

		

    	];

محل نوشتن کدهای این toolbar ها درون فایل config.js که در بین فایل های ادیتور میباشد هست ...
حال برای اینکه ادیتور را با toolbar دلخواه خود در صفحه قرار دهیم این کد را باید درون pageload به جای کد قبلی قرار دهیم

String StrScript = "CKEDITOR.replace( '" + TextBox1.ClientID + "', {toolbar:'نام تولبار'});";

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

هاد میکنم در صورتی که از toolbar خاصی استفاده نمیکنید آنرا حذف کنید ...

پشن

لطفا از این پس اگر سوالی در رابطه با این ادیتور داشتین در همین تاپیک مطرح بفرمایید.

لینک دانلود ckeditor از سایت خودش :

http://ckeditor.com/download

از سرور پرشین گیگ :

http://www.persiangig.com/pages/down...or_3.4.1_2.zip

توضیحات شما خیلی خوب

ولی نمی دونم چرا ولی باید بگمم که CkEditor رو بعضی از هاست ها جواب نمی ده و اصلا لود نمی شه
در عوض FckEditor این مشکلات رو نداره و تابحال هاستی رو ندیدم که اینو بالا نیاره
فکر کنم این اف سی کا ادیتور خیلی بهتر باشه

[mis_neda]

سلام
این ادیتور رو میشه واسه php هم به کار برد؟
اگهمیشه توضیح بدین لطفا
ممنون

[behrozi.ir]

سلام
این ادیتور رو میشه واسه php هم به کار برد؟
اگهمیشه توضیح بدین لطفا
ممنون

بله داره ، هم PHP و هم مخصوص جوملا
باید برید سایت ckeditor و دانلودش کنید.
و اگر هم سوال داشتین باید در تالار PHP بپرسید

[shahram8008]

سلام.سال نو برای همه شما عزیزان مبارک
منم یه مشکلی با ckeditor دارم.متن رو واردش میکنم استایل میدم ولی موقع فراخوانی متن استایلی که با ckeditor بهش دادم اعمال نمیشه
از دوستان عزیز خواهشا به منم کمک کنین.مرسی

[farzane_t]

سلام
ممنون بابت این آموزش روان و جامع. خواستم یه تاپیک جدید ایجاد کنم اما دیدم سوالم رو اینجا بپرسم بهتره.
من از ckeditor استفاده کردم. فقط برای ذخیره اطلاعات درون دیتابیس مشکل دارم. وقتی متنی رو درون ادیتور می نویسم اگر تغییری روش انجام ندم و کلید save رو بزنم اطلاعات بی خطا درون دیتابیس ذخیره میشه. اما اگه تغییری ایجاد کنم، مثلا bold کنم یا رنگش رو تغییر بدم و بخوام اون متن رو ذخیره کنم error میده. علتش چیه؟ باید چیکار کنم؟

[pr0tector]

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

[saeedjafari]

با سلام و خسته نباشید
من یک دیتابیس دارم و از لینک استفاده کردم
یک fckeditor انداختم روی صفحه
همه تنظیمات رو هم انجام دادم
یک تکست باکس داریم : برای درج شماره خبر
حالا میخاهیم وقتی کلید ارسال زده میشه این شماره خبر + متن fckeditor داخل گریدویو نمایش داده بشه

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

[mashhadpix]

با سلام خدمت دوستان

به علت زیادی درخواست ها برای کار با ادیتور ckeditor و تاپیک های گوناگون ایجاد شده در این چند روز این آموزش کوتاه و ساده را تقدیم میکنم :

نحوه قرار دادن ادیتور در صفحه+ کار کردن با آن + شخصی سازی ادیتور ckeditor

برای قرار دادن ادیتور درون صفحه ابتدا ValidateRequest صفحه را برابر با false قرار دهید :

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

خب حالا پوشه ای به نام editor درون سایت ساخته و فایل های ادیتور را دورن آن کپی کنید و بعد از آن این دو تگ را درون صفحه اضافه کنید :

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

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

اکنون یک textbox درون صفحه قرار دهید و مقدار TextMode آن را برابر MultiLine قرار دهید :

  <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Height="390px" 

            Width="788px"></asp:TextBox>

خب اکنون باید درون pageload صفحه این کد را قرار دهید :

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

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

اکنون میتوانید صفحه را اجرا و ادیتور را مشاهده کنید ...
برای آنکه skin ادیتوررا تغییر دهید کافیست در کدی که درون pageload صفحه نوشته اید کد skin : 'kama' را تغییر دهید

مقادیری که میپذیرد را از پوشه skin درون فایل های ادیتور مشاهده کنید ...

برای ذخیره سازی متن درون ادیتور کافیست خاصیت text از textbox1 را بگیرید .... ( درج در دیتابیش یا ... )
حال برای آنکه در toolbar تنها امکانات دلخواه خود را داشته باشیم باید toolbat ادیتور را ویرایش کنیم
برای نام گذاری یک toolbar در ادیتور به این صورت عمل میکنیم :

config.toolbar_<name>

مانند :

config.toolbar_Medium
config.toolbar_Basic
config.toolbar_Full

اکنون برای اینکه امکانات درون toolbar را کم یا زیاد کنید باید کدهای تابع زیر را کم و زیاد کنید ...
من کد toolbar_full را میزارم که همه کنترل ها را دارد ...

CKEDITOR.config.toolbar_Full =

[

	['Source','-','Save','NewPage','Preview','-','Templates'],

	['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],

	['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],

	['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],

	'/',

	['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],

	['NumberedList','BulletedList','-','Outdent','Indent','Blockquote','CreateDiv'],

	['JustifyLeft','JustifyCenter','JustifyRight','Just  ifyBlock'],

	['BidiLtr', 'BidiRtl' ],

	['Link','Unlink','Anchor'],

	['Image','Flash','Table','HorizontalRule','Smiley',  'SpecialChar','PageBreak'],

	'/',

	['Styles','Format','Font','FontSize'],

	['TextColor','BGColor'],

	['Maximize', 'ShowBlocks','-','About']

];

و میتوانید کد toolbar_Basic را نیز ببینید ...

	config.toolbar_Basic =



    	[   



		['Bold', 'Italic', 'Underline', 'Strike', '-','JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'Source'],

		'/',

		['Font', 'FontSize', 'Format', '-']

		

    	];

محل نوشتن کدهای این toolbar ها درون فایل config.js که در بین فایل های ادیتور میباشد هست ...
حال برای اینکه ادیتور را با toolbar دلخواه خود در صفحه قرار دهیم این کد را باید درون pageload به جای کد قبلی قرار دهیم

String StrScript = "CKEDITOR.replace( '" + TextBox1.ClientID + "', {toolbar:'نام تولبار'});";

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

هاد میکنم در صورتی که از toolbar خاصی استفاده نمیکنید آنرا حذف کنید ...

پشن

لطفا از این پس اگر سوالی در رابطه با این ادیتور داشتین در همین تاپیک مطرح بفرمایید.

لینک دانلود ckeditor از سایت خودش :

http://ckeditor.com/download

از سرور پرشین گیگ :

http://www.persiangig.com/pages/down...or_3.4.1_2.zip

سلام.
وقتی من این کد را در page load قرار می دهم پیغام خطا می دهد:

  protected void Page_Load(object sender, EventArgs e)

    {

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

       ClientScript.RegisterStartupScript(this.GetType(), "<span class="highlight">Editor</span>", StrScript, true);

    } 

21.JPG
ممنون میشم راهنمایی کنید

[طبیب دل]

من از ckEditor استفاده کردم ولی نمیشه عکس با اون آپلود کرد تو بعضی تاپیکها گفتن باید از fckeditor استفاده کنم ولی هر چی سرچ میکنم لینک دانلودش پیدا نمیکنم. کسی میتونه لینک دانلودش بده؟

[طبیب دل]

کسی نمیدونه چه طوری میشه با ckeditor عکس در دیتابیس ذخیره کرد؟

[serojjamali]

با سلام
من این ادیتور رو روی یکی از سایتهام گذاشتم و بدون هیچ مشکلی کار میکنه فقط می خوام کاربر بتونه فایلی رو روی سرور آپلود کنه و لینک دانلودش رو توی ckeditor قرار بده به نظر شما از چه روشی استفاده کنم؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟


برای ارسال عکس و قرار دادن لینکش مشکلی ندارم
مثل آپلود فایل همین سایت