سنتکس هایلایتر - اختصاصی

نمایه کاربر

نویسنده
parsa
کاربر فعال
کاربر فعال
پست: 106
تاریخ عضویت: دو شنبه 10 خرداد 1395, 11:30 am
وب سایت: http://ircode.net
Gender:
سن: 16

سنتکس هایلایتر - اختصاصی

پستتوسط parsa » دو شنبه 15 شهریور 1395, 8:27 am

درود
من یه سنتکس هایلایتر اختصاصی نوشتم که به نظرم جالبه و شاید به کار شما هم بیاد
اوپن سورسه و راحت می تونید تغییرش بدین
ممنون می شم اگه نظرتون رو بگین چون اگه راضی بودین توسعش می دم
ابتدا این فایلو دانلود کنید :
http://s6.picofile.com/file/8266335318/ ... 1.zip.html
حالا بازش کنید و فایل index.html رو اجرا کنید
خوب این یک دمو از این سیستمه
طرز استفاده هم سادست

کافیه این کد رو قرار بدین :

کد: انتخاب همه

<!DOCTYPE HTML> <html> <head> <title>Syntax highlighter - V 0.1</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="js/main.js"></script> <link rel="stylesheet" href="css/style.css" /> </head> <body> <button id="html">HTML</button> <div class="hc"> <div class="article"> <pre> <code> <!-- write the html code here --> </code> </pre> </div> </div> <button id="css">CSS</button> <div class="cc"> <div class="article"> <pre> <code> <!-- write the css code here --> </code> </pre> </div> </div> <button id="js">JAVA SCRIPT</button> <div class="jsc"> <div class="article"> <pre> <code> <!-- write the js code here --> </code> </pre> </div> </div> <button id="result">RESULT</button> <div class="rc"> <!-- write the preview here --> </div> <script src="js/sh.js"></script> <footer> Designed and developed by Parsa Asefi </footer> </body> </html>
و به دلخواه تغییرش بدین
منتظر نظرتون هستم

نمایه کاربر

Mehdi R@sa
مدیر ارشد انجمن
مدیر ارشد انجمن
پست: 353
تاریخ عضویت: پنج شنبه 21 اسفند 1393, 7:20 pm
وب سایت: http://prweb.ir
محل اقامت: طــهران
Gender:
سن: 24

پستتوسط Mehdi R@sa » دو شنبه 15 شهریور 1395, 9:59 am

سلام
خسته نباشین
کار خیلی خوبیه
اما باید بدونید که مشابه خارجی و بسیار قدرتمندش زیاد هست ، اگر می خواید موفق بشید باید از اونا قوی تر کار کنید
http://alexgorbatchev.com/SyntaxHighlighter/
مثلا همین آقا درست کرده اما توی قسکت copy to clipboard زیاد خوب کار نکرده و مشکل داره
مرجع قالب های منحصر به فرد کانی وب
PrWeb.ir

تصویر
تصویر
Instagram : mehdi_pr
Yahoo id: mehdi.rasan

نمایه کاربر

نویسنده
parsa
کاربر فعال
کاربر فعال
پست: 106
تاریخ عضویت: دو شنبه 10 خرداد 1395, 11:30 am
وب سایت: http://ircode.net
Gender:
سن: 16

پستتوسط parsa » دو شنبه 15 شهریور 1395, 10:25 am

QR_BBPOST سلام
خسته نباشین
کار خیلی خوبیه
اما باید بدونید که مشابه خارجی و بسیار قدرتمندش زیاد هست ، اگر می خواید موفق بشید باید از اونا قوی تر کار کنید
http://alexgorbatchev.com/SyntaxHighlighter/
مثلا همین آقا درست کرده اما توی قسکت copy to clipboard زیاد خوب کار نکرده و مشکل داره
درود
بله درست می فرمایید و من خودم هم از این هایلایتر استفاده کردم ولی به دلیل مشکلاتی که با چو چین شدن در قالب وردپرس راست چین داشت دیگه ازش استفاده نکردم و یکی برای سایتم نوشتم که البته این اون نیست .
تو این هایلایتر بیشتر توجه کردم به جدا کردن کد ها از هم با حفظ زیباییش و همچنین دارای دمو باشه
احتمالا هایلایتر اصلی سایتم رو هم قرار می دم البته اون جدا کننده و دمو نداره و از نظر رنگ آمیزی ، زیبا طراحی شده و برای این هایلایتر هم تم های دیگه هم می سازم .
خلاصه خیلی ممنونم از نظر و راهنماییتون
بدرود

نمایه کاربر

hadi-tabriz
مدیر انجمن
مدیر انجمن
پست: 804
تاریخ عضویت: یک شنبه 24 اسفند 1393, 10:49 am
وب سایت: http://rootkadeh.ir
محل اقامت: تبـــریــــز
Gender:
تماس:

پستتوسط hadi-tabriz » چهار شنبه 7 مهر 1395, 1:21 pm

خوبه یکم از خارجی ها ایده بگیری و یه چیز پایدار و متناسب بزنی بهتره
 ! پیام از: hadi-tabriz

hadiTabriz
ساخت بهترین سایت با سیستم وردپرس+آموزش+نصب افزونه های کاربردی+هزینه مناسب+نصب قالب
برای اطلاعات بیشتر در تلگرام با من تماس باشین
ای دی تلگرام:HadiKarimzadeh
[/b]

چه کسی حاضر است؟

کاربران حاضر در این انجمن: کاربر جدیدی وجود ندارد. و 1 مهمان