PDA

View Full Version : استفاده از CKeditor



Tarragon
دوشنبه 11 دی 1391, 15:14 عصر
سلام
من فایل های CKeditor رو دانلود کردم اما نمی دونم چطوری باید ازشون استفاده کنم؟
من یه کد ساده می خوام که زبان فارسی باشه.
ممنون.

hamidhassas
دوشنبه 11 دی 1391, 16:00 عصر
برای استفاده از CKeditor باید کد زیر رو در صحفه ای که می خوای در اون فعال بشه قرار بدی

نکته: در قسمت Script دقت کن باید آدرس فایل های مورد نظر رو بر روی کامپیوتر خودت در پوشه CKeditor بدی تا فایل ها لود بشن و بعد در صحفه ای که این کد رو قرار دادی باید یک textarea قرار بدی تا این ادیتوره فعال بشه در کد زیر تو قسمت language من برات فارسی رو فعال کردم که کل ادیتور به صورت فارسی تبدیل میشه و در قسمت toolbar هم تمام ابزار ها رو برات فعال کردم به دلخواه خودت میتونی ابزار ها رو کم یا زیاد و یا تغییر مکان بدی دقت کن که بین هر علامت , که میبینی یک ابزار هست مانند 'Cut', 'Copy', 'Paste', که میشه , 'جابجایی' , ' کپی' , ' جایگزاری',


<!--------------------------Ckeditor--------------------------------->
<script src="../scripts/ckfinder/ckfinder.js"type="text/javascript"></script>
<script src="../scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="../scripts/ckeditor/ckeditor.js" type="text/javascript"></script>
<script src="../scripts/ckeditor/config.js" type="text/javascript"></script>
<script src="../scripts/ckeditor/adapters/jquery.js" type="text/javascript"></script>
<link href="../scripts/ckeditor/contents.css" rel="stylesheet" type="text/css" />
<script>
$(document).ready(function()
{
$('#tText').ckeditor(
{
customConfig: '',
skin: 'kama',
language: 'fa',
contentsLangDirection: 'rtl',
font_defaultLabel: 'Tahoma',
font_names: 'Tahoma;'+'Arial;',
//resize_enabled: false,
//height:'200px',
toolbar:[
['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', 'JustifyBlock'],
['Link', 'Unlink', 'Anchor'],
['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak'],
'/',
['Styles', 'Format', 'Font', 'FontSize'],
['TextColor', 'BGColor'],
['Maximize', 'ShowBlocks', '-', 'About']
]
}
);
</script>
<!--------------------------Ckeditor--------------------------------->

Tarragon
دوشنبه 11 دی 1391, 16:12 عصر
میشه لطفا پکیج کامل رو بدید؟

hamidhassas
دوشنبه 11 دی 1391, 16:14 عصر
منظورت از پکیج کامل چیه

Tarragon
دوشنبه 11 دی 1391, 16:18 عصر
یعنی کد کامل با فایل هاش.

Tarragon
دوشنبه 11 دی 1391, 16:19 عصر
راستی چطوری می شه گزینه های تولبار رو بیاریم به وسط.

hamidhassas
دوشنبه 11 دی 1391, 16:28 عصر
این هم کل پروژه برو حالش رو ببر
راستی هم CKeditor هست هم CKfinder
جفتش با هم فعال هستن و هم زمان باهم کار میکنن


این هم لینک دانلود: http://www.hassas-computer.com/CKeditor_www.hassas-computer.com.zip


این هم پسوردش : www.hassas-computer.com (http://www.hassas-computer.com)

Tarragon
دوشنبه 11 دی 1391, 17:01 عصر
سلام
تشکر
ببخشید فرق ckeditor با ckfinder چیه؟

hidensoft
دوشنبه 11 دی 1391, 19:03 عصر
http://ckeditor.com/ و http://cksource.com/ckfinder روببینید متوجه فرقشون میشید.