استفاده از ckeditor

[program33r]

با سلام
چطور میتونم ازاین "ckeditor" محبوب تو پروژم استفاده کنم ؟؟؟؟
اینم سایتش http://ckeditor.com/
فقط الان نیم ساعته که دارم گوگل رو زیر و رو میکنم چیزی پیدا نکردم. دیگه این جمله لعنتی "سرچ کنید " رو به کسی نگید !! (حتما سرچ بلد نیستم دیگه)

هر کی منبعی در این مورد میتونه برام پیدا کنه

[yakouza]

باید اینطور برنامه رو اینگلود کنید:


<?php
// Include CKEditor class.
include_once "../../ckeditor.php";
// The initial value to be displayed in the editor.
//$initialValue = '<p>This is some <strong>sample text</strong>.</p>';
// Create class instance.
$CKEditor = new CKEditor();
// Path to CKEditor directory, ideally instead of relative dir, use an absolute path:
// $CKEditor->basePath = '/ckeditor/'
// If not set, CKEditor will try to detect the correct path.
$CKEditor->basePath = '../../';
// Create textarea element and attach CKEditor to it.
$CKEditor->editor("editor1", $initialValue);
?>


اگه کار نکرد دایرکتوری ها رو هم باید تغییر بدین. در کل روش استفاده همینجوریه.

موفق باشید.

[program33r]

این اموزش رو از کجا پیدا کردی ؟
بده بقیه اموزشش رو بخونم

[yakouza]

آموزشش تو مستنداتش پیدا میشه.

[program33r]

لینک بده خوب ؟

اینم عکس از لود شدن editor :
http://up.iranblog.com/images/si4r57ylhmjnmrdee3r5.jpg

میتونی خودت دانلود کنی تست کنی ؟

[yakouza]

من خودم از این استفاده میکنم آموزشش هم تو خودش هست.
install.html رو که داخل فایل های برنامه هست نگاه کن.
موفق باشی.

[yakouza]

اینو امتحان کن.


// Include CKEditor class.
include_once "ckeditor/ckeditor.php";
// The initial value to be displayed in the editor.
//$initialValue = '<p>This is some <strong>sample text</strong>.</p>';
// Create class instance.
$CKEditor = new CKEditor();
// Path to CKEditor directory, ideally instead of relative dir, use an absolute path:
// $CKEditor->basePath = '/ckeditor/'
// If not set, CKEditor will try to detect the correct path.
$CKEditor->basePath = 'ckeditor_fa/';
// Create textarea element and attach CKEditor to it.
$CKEditor->editor("editor_v2");

[yakouza]

اینم نحوه دریافت داده های پست شده.


$postedValue = $_POST['editor_v2'] ;

[program33r]

تست کردم نشد !

کدوم قسمت سایت اموزش راهاندازیشو داده ؟
http://docs.cksource.com/

شما میتونی نسخه خودتو واسم اپلود کنی ؟

[program33r]

وقتی از این کد استفاده میکنم یه texteditor معمولی میاد . در حالی که من اونی رو میخوام که تو سایت demo گذاشته ...

[J.Masomi]

با سلام

بهتره از نسخه های قدیمی تر بنام fckeditor استفاده کنی،البته من tinymce را پیشنهاد می کنم.
از اینجا میتونی دانلود کنی: http://www.phpletter.com/DOWNLOAD/

برای نصب هم example را نگاه کن باید یکسری کد جاوا اسکریپت را اضافه کنی به php هم ربطی نداره.
تشکر یادتون نره :کف:

[yakouza]

من آخرین نسخه رو سایتشو نصب کردم!
دوست عزیز شما باید یه فایل php درست کنی و کد هایی که بالا گفتم رو توش کپی کنی بعد بزاریش تو دایرکتوری که فایل های ادیتور توش هست همین.


root
index.php
ckeditor


در غیر این صورت فایل INSTALL.html که داخل پوشه برنامه هست رو اجرا کن و کاری که گفته رو انجام بده.
دیگه خیلی واضحه.
موفق باشی.

[program33r]

با سلام

بهتره از نسخه های قدیمی تر بنام fckeditor استفاده کنی،البته من tinymce را پیشنهاد می کنم.
از اینجا میتونی دانلود کنی: http://www.phpletter.com/DOWNLOAD/

برای نصب هم example را نگاه کن باید یکسری کد جاوا اسکریپت را اضافه کنی به php هم ربطی نداره.
تشکر یادتون نره :کف:

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

[yakouza]

به نظرمن ckeditor سر تره!
دادا نصبش راحته کاری که گفتم رو انجام نمیدی که.
گفتم install.html رو اجرا کن بعد یه لینک میبینی زیر
Checking Your Installation

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

[J.Masomi]

چقدر پخته خورید شما :متعجب:

دانلود tinymce (http://tinymce.moxiecode.com/track.php?url=http%3A%2F%2Fgithub.com%2Fdownloads% 2Ftinymce%2Ftinymce%2Ftinymce_3.3.9.4.zip)

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


<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advi mage,advlink,emotions,iespell,inlinepopups,insertd atetime,preview,media,searchreplace,print,contextm enu,paste,directionality,fullscreen,noneditable,vi sualchars,nonbreaking,xhtmlxtras,template",

// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethr ough,|,justifyleft,justifycenter,justifyright,just ifyfull,styleselect,formatselect,fontselect,fontsi zeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replac e,|,bullist,numlist,|,outdent,indent,blockquote,|, undo,redo,|,link,unlink,anchor,image,cleanup,help, code,|,insertdate,inserttime,preview,|,forecolor,b ackcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,su p,|,charmap,emotions,iespell,media,advhr,|,print,| ,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,st yleprops,|,cite,abbr,acronym,del,ins,attribs,|,vis ualchars,nonbreaking,template,pagebreak",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,

// Example content CSS (should be your site CSS)
content_css : "css/content.css",

// Drop lists for link/image/media/template dialogs
template_external_list_url : "lists/template_list.js",
external_link_list_url : "lists/link_list.js",
external_image_list_url : "lists/image_list.js",
media_external_list_url : "lists/media_list.js",

// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
});
</script>

[program33r]

به نظرمن ckeditor سر تره!
دادا نصبش راحته کاری که گفتم رو انجام نمیدی که.
گفتم install.html رو اجرا کن بعد یه لینک میبینی زیر
Checking Your Installation

به نام sample_
روش کلیک کن یه لیست وا میشه یکی شو انتخاب کن همین.
دوست عزیز اینم از کارهایی که گفتی انجام دادم :
رو دوتاش هم کلیک کردم ولی داخلش چیز خاصی نیست جز اموزش :
http://up.iranblog.com/images/aj8j1n913ei93u2jh.jpg

[program33r]

چقدر پخته خورید شما :متعجب:

دانلود tinymce (http://tinymce.moxiecode.com/track.php?url=http%3A%2F%2Fgithub.com%2Fdownloads% 2Ftinymce%2Ftinymce%2Ftinymce_3.3.9.4.zip)

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


<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
// General options
mode : "textareas",
theme : "advanced",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advi mage,advlink,emotions,iespell,inlinepopups,insertd atetime,preview,media,searchreplace,print,contextm enu,paste,directionality,fullscreen,noneditable,vi sualchars,nonbreaking,xhtmlxtras,template",

// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethr ough,|,justifyleft,justifycenter,justifyright,just ifyfull,styleselect,formatselect,fontselect,fontsi zeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replac e,|,bullist,numlist,|,outdent,indent,blockquote,|, undo,redo,|,link,unlink,anchor,image,cleanup,help, code,|,insertdate,inserttime,preview,|,forecolor,b ackcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,su p,|,charmap,emotions,iespell,media,advhr,|,print,| ,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,st yleprops,|,cite,abbr,acronym,del,ins,attribs,|,vis ualchars,nonbreaking,template,pagebreak",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,

// Example content CSS (should be your site CSS)
content_css : "css/content.css",

// Drop lists for link/image/media/template dialogs
template_external_list_url : "lists/template_list.js",
external_link_list_url : "lists/link_list.js",
external_image_list_url : "lists/image_list.js",
media_external_list_url : "lists/media_list.js",

// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
});
</script>
دوست عزیز پخته خور چیه دیگه ؟ . من دیروز این texteditor رو هم دانلود کردم باهاش هم کلی ور رفتم . قبل از زدن تاپیک هم کلی سرچ کردم.
الان هم از این کد هایی که دادی رو استفاده کردم و نمیشه !!!
ببنید بنده یدونه index.php درست کردم و داخلش این کد هارو گذاشتم . و فولدر tinymce (http://tinymce.moxiecode.com/track.php?url=http%3A%2F%2Fgithub.com%2Fdownloads% 2Ftinymce%2Ftinymce%2Ftinymce_3.3.9.4.zip) رو در کنار فایل index.php قرار دادم . اما وقتی باز میکنم هیچی نمیاد.

[yakouza]

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

[J.Masomi]

احتمالاً آدرس ها را درست نزدی؟ بقول دوستمون برو تو سمپل هاش فایل php را بزار ببین کار میکنه یا نه؟

این کد :

<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>

میگه که فایل مورد نظر توی یک پوشه خارج سمپل و داخل پوشه jscripts است پس شما باید آدرس زیر را جایگزین کنی:
مثلاً فایل استفاده کننده در آدرس : http://localhost/test/ است.
باید فولدر jscripts را در آدرس بالا بزاری و با آدرس را بصورت زیر بزاری :

<script type="text/javascript" src="/jscripts/tiny_mce/tiny_mce.js"></script>

[yakouza]

دادا میگم انجام نمیدی خب انچام نمیدی دیگه :شیطان:
من پس چه جوری آوردم :متفکر:
69398
اون صفحه ای که آوردی رو fullpage.html کلیک کن.

[program33r]

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



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Replace Textareas by Class Name &mdash; CKEditor Sample</title>

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


</head>
<body>

<form action="" method="post">
<textarea class="ckeditor" cols="50" id="editor1" name="editor1" rows="10"></textarea>
<input type="submit" value="Submit" />
</form>

</body>
</html>

[program33r]

دادا میگم انجام نمیدی خب انچام نمیدی دیگه :شیطان:
من پس چه جوری آوردم :متفکر:
خوب عزیز من اینجا که اموزش نداده چطور ازش استفاده کنیم ؟ درسته ؟
من میخوام فقط editor رو به پروژه اضافه کنم که با php نمیشد . و اخر به این نحو تونستم.
به هر حال مرسی از کمکتون

[yakouza]

خب منم همینو بهت گفتم که به برنامه نگا کن ببین چطور استفاده کرده.

[teshnehab]

اینجا در موردش صحبت شده :


http://stackoverflow.com/questions/3277598/issues-installing-ckeditor-in-kohana-v2


مشکل من با کدهای که داده حل شد.

[manager_66]

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