رفتن به مطلب
mahan3

HTML Editors برای داخل سایت

پست های پیشنهاد شده

سلام دوستان من دارم تو سایتم آموزش HTML رو از پایه تا پیشرفته مبتنی بر HTML های مختلف تا HTML5 به صورت یکجا مینویسم و میخوام که دوستانی که این آموزش رو میبینن بتونن به صورت آنلاین کدهای نوشته شدشون رو تست کنن و یه پیش نمایش از کدشون ببینن ، به همین خاطر می خوام یه ادیتوری مثل مال این سایت ها داشته باشم

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_ev_onafterprint

http://www.neopersia.org/online_html_editor

م

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

اگه خودت برنامه نویسی بلد باشی که کاری نداره!! می شه ساخت ولی در غیر این صورت من خودم افزونه ای واسه این کار ندیدم(البته من به روز نیستم الان،دوستان لطفا دقیق تر بگویند که ساخته شده همچین الحاقی یا نه) ولی اسکپریت برای این کار دیدم که باید مستقل از جوملا نصب کنید!!! تو سایت زیر بگردید یا تو انجمنش بپرسید اسکریپتو بهتون معرفی می کنند...اسمش یادم نیست

اسکریپت.com

یا می تونید یه کار غیر حرفه ای و ضعیف تر بکنید که خیلی خوب در نمیاد!!!اسکریپت ادیتور ckeditor رو بریزید!!(دقت کنید اسکریپتش نه خود افزونه) که مستقل از جوملا هست..اون ادیتور رو تو یه صفحه به شما می ده که البته اصلا با دو سایت بالا که گفتید قابل قیاس نیست ..فقط html و اینا رو میشه با هم دید!!

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

این سایت رو که مثال زدید

http://www.neopersia.org/online_html_editor

کار جالبی کرده.

از یک برای نوشتن کد توسط کاربر استفاده کرده.

برای نمایش نتیجه هم یه کادر (div) قرار داده و نتیجه رو با یه فایل جاوااسکریپت که فراخوانی کرده

، در اون نمایش می ده.

با این تفاسیر شما می تونی فایل جاوااسکریپت رو از اینجا بگیری

http://www.neopersia.org/online_html_editor/external/js/samples.js

و در قالب ات با دستور زیر بارگذاری کنی.

و در مطلبی که برای اینکار درست می کنی از کد زیر استفاده کنی ، اگه ادیتور اجازه نمی داد (که نمی ده!!) ، از طریق دستی در دیتابیس اضافه کن.


کد مورد نظر خود را اینجا بنویسید:


وضعیت پنجره پیش نمایش: فعالغیر فعال

نتیجه را در اینجا مشاهده کنید:



البته تضمینی نبود !!!

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

بدون جاوا هم می شه...البته دیگه اینجوری داینامیک نمی شد!می شه یه فرم درست کرد که با کلیک همون اول یه شرط می ذارید اگر فرم پر شده بود بقیع کار را انجام بده!مثل سایت w3school !! در ضمن دوست عزیز لازم دیدم تذکر بدم اگر خودتان سیستمش رو نوشتید همینجوری ساده درست نکنید که فقط کد اجرا بشه....چون در عرض چند ثانیه سرورتان را هکرا می تونن نابود کنند!چون شما عملا تو سرورتون اجازه کامپایل کد بهش دادید!!حتما محدودیت بذارید که فقط و فقط و فقط HTML کامپایل بشه!!!!!:D

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

ممنون از همگی تنبلیم میومد یکی بنویسم اول گفتم ببینم چیزی هست یا نه که با راهنمایی های ارزنده شما دوستان مواجه شدم و حالا مجبورم خودم بنویسم سعی میکنم هر وقت تموم شد به صورت رایگان انتشارش بدم که همه دوستان ازش استفاده کنن.

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

سلام به همه دوستان این Editor مال یه سایت خارجی بود که با مشاهده سورس پیج یه بخشی از کدش رو تونستم بگیرم و ویرایشش کردم حالا کار میکنه.ببینید که چه طوره ؟ امنیتش رو میگم اگه خوب نیست که راه حل بگید تا بهترش کنم. اگرم خوب بود که رو ظاهر و گرافیکش کار کنم

اینم آدرس صفحه

http://www.edubox.ir/HTML%20Editors/HTML%20Editors.html

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...