ادیتور

[parsboy]

سلام دوستان من یه ادیتور مثل همین ادیتور انجمن میخوام بتونم باهاش code box ایجاد کنم

کدهایphp-css,... دوستان کمک کنند

[AbiriAmir]

http://ace.ajax.org/
http://codemirror.net/

[parsboy]

من یه توضیح میخوام بدونم اصلا چه طوری این کارو انجام بدم؟

[AbiriAmir]

دوست عزیز انجمن ها از چیزی استفاده میکنن به نام bbCode که مثل html هست اما به صورت زیر:

text
و دلیلشم اینه که کد html و جاوااسکریپت وارد دیتابیسشون نشه و باعث حمله به سایت نشه...
به هر حال کارش اینه که شما 1 تگ وارد میکنید و سیستم انجمن اون تگ رو پردازش میکنه...
این bbCode ها اول تجزیه میشن
یعنی همین تگ PHP که توی ادیتور انجمن میبینید پردازش میشه
مثلا در این مثال کد اول که نوعی bbCode هست در هنگام نمایش صفحه پردازش شده و به کد html دوم تبدیل میشه

This is bbCode: [php ] My PHP Code [/php ]

This is html code: <pre class="brush: php;" style="direction:ltr;"> My PHP Code </pre>
(ضمنا اون تگ های php اسپیس ندارن و صرفا برای این که پردازش نشن من با اسپیس واردشون کردم)

و مابقی به عهده جاوااسکریپت هست:

<!-- Syntax Highlighter Head Include - Start -->
<script type="text/javascript" src="syntaxhighlighter/scripts/shCore.js"></script>
<link type="text/css" rel="stylesheet" href="syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="syntaxhighlighter/scripts/shAllBrushes.js"></script>
<script type="text/javascript">SyntaxHighlighter.defaults['toolbar'] = false;SyntaxHighlighter.config.stripBrs=true;
SyntaxHighlighter.all();</script>
<!-- Syntax Highlighter Head Include - End -->
این کدیه که تو سورس همین انجمن هست...
حالا شما برو تک تک جاوااسکریپتاشو باز کن میفهمی چی به چیه :چشمک:
ضمنا اسکریپتی که استفاده میشه اینه:
http://alexgorbatchev.com/SyntaxHighlighter