hamidhassas
دوشنبه 11 دی 1391, 17:09 عصر
برای استفاده از 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--------------------------------->
این هم ادیتور TinyMCE که این هم فارسیش برات فعال کردم
<!-- TinyMCE -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- TinyMCE -->
<script type="text/javascript"
src="../../scripts_style/scripts/Word_Tools/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
language : "fa", // change language here
// General options
mode : "textareas",
theme : "advanced",
plugins :
"autolink,lists,pagebreak,style,layer,table,save,ad vhr,advimage,advlink,emotions,iespell,inlinepopups ,insertdatetime,preview,media,searchreplace,print, contextmenu,paste,directionality,fullscreen,nonedi table,visualchars,nonbreaking,xhtmlxtras,template, wordcount,advlist,autosave,visualblocks",
// Theme options
theme_advanced_buttons1 :
"save,newdocument,|,bold,italic,underline,strikethr ough,|,justifyleft,justifycenter,justifyright,font select,fontsizeselect,|,bullist,numlist,|,outdent, indent,|,sub,sup,|,forecolor,backcolor,|,link,unli nk,image,code",
theme_advanced_buttons2 :
"cut,copy,paste,pastetext,pasteword,|,tablecontrols ,|,ltr,rtl,|,insertlayer,moveforward,movebackward, absolute,hr,removeformat,visualaid,|,charmap,media ,|,fullscreen,restoredraft",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "",
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",
// Style formats
style_formats : [
{title : 'Bold text', inline : 'b'},
{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
{title : 'Example 1', inline : 'span', classes : 'example1'},
{title : 'Example 2', inline : 'span', classes : 'example2'},
{title : 'Table styles'},
{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
],
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
});
</script>
<!-- /TinyMCE -->
vBulletin® v4.2.5, Copyright ©2000-1403, Jelsoft Enterprises Ltd.