PDA

View Full Version : یه text editor فارسی می خوام!



theboy
یک شنبه 10 دی 1391, 15:28 عصر
سلام.
البته می دونم این درخواست خیلی مربوط به PHP نیست ولی بالاخره اسکریپتمون که PHP هست.

یه ادیتور فارسی برای سایتم لازم دارم.

ساده و قابل فهم باشه(چون سایت وبلاگ دهی هست و کاربر محوره می خوام از تازه کار تا حرفه ای باهاش راحت باشن http://f3.ptcdn.org/images/smilies2/winksmiley02.gif )
راست به چپ باشه.

MMSHFE
یک شنبه 10 دی 1391, 18:27 عصر
TinyMCE پکیج زبان فارسی هم داره. هم ترجمه خوبی داره و هم RTL هست.

theboy
یک شنبه 10 دی 1391, 18:31 عصر
TinyMCE پکیج زبان فارسی هم داره. هم ترجمه خوبی داره و هم RTL هست.
بله خیلی خوبه ولی برای تازه کار ها یه خورده مشکله! یه ادیتور شبیه ادیتور همین انجمن با همین امکانات و آیکون ها اگه باشه عالیه!

theboy
یک شنبه 10 دی 1391, 22:34 عصر
خوب الان تونستم tinymce رو شخصی سازی کنم!

تنها مشکلش سایز فونت defaultشه که خیلی کوچیه! چطوری بزرگش کنم؟

hamidhassas
دوشنبه 11 دی 1391, 16: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 -->

رضا قربانی
دوشنبه 11 دی 1391, 20:45 عصر
بفرمایید :
http://barnamenevis.org/showthread.php?304055-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-editor&p=1334007&viewfull=1#post1334007