PDA

View Full Version : کد ویرایشگر متن



.fatemeh
چهارشنبه 22 دی 1389, 10:43 صبح
سلام بچه ها، میخوام داخل سایتم ویرایشگر متن قراربدم که با php یا جاوا اسکریپت نوشته شده باشد و با IE6 هم اجرا بشه .یه چیزی شبیه همین ویرایشگری که تاپیک هارو داخلش می نویسیم .ممنون میشم اگه زودتر جوابم رو بدید...

Mr.Moghadam
چهارشنبه 22 دی 1389, 11:47 صبح
سلام

من خودم از TinyMCE استفاده میکنم خیلی کامله
اینجا دمو

http://tinymce.moxiecode.com/tryit/full.php

اینجا دانلود

http://tinymce.moxiecode.com/download/download.php

اینجا هم صفحه سرچ گوگل (http://www.google.com/search?q=teztarea+editor+html&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a#hl=en&client=firefox-a&hs=HPc&pwst=1&rls=org.mozilla:en-US:official&&sa=X&ei=N2ktTfGGA4a8lQek86TKCg&ved=0CBcQvwUoAQ&q=textarea+editor+html&spell=1&fp=9bef8cda26d1a6ec)

fcsooti
چهارشنبه 22 دی 1389, 12:54 عصر
NicEdit (http://nicedit.com) هم خوبه و مثل tinycme می مونه
این مقاله (http://www.phpdevelopers.ir/%C3%98%C2%A8%C3%99%C2%87%C3%98%C2%AA%C3%98%C2%B1%C 3%9B%C2%8C%C3%99%C2%86-%C3%99%C2%88%C3%9B%C2%8C%C3%98%C2%B1%C3%98%C2%A7%C 3%9B%C2%8C%C3%98%C2%B4%C3%9A%C2%AF%C3%98%C2%B1%C3% 99%C2%87%C3%98%C2%A7%C3%9B%C2%8C-%C3%99%C2%85%C3%98%C2%AA%C3%99%C2%86%C3%9B%C2%8C-wysiwyg/) هم می تونه بیشتر کمکت کنه.

mohsen6500
چهارشنبه 22 دی 1389, 14:10 عصر
سلام من از چک ادیتور استفاده کردم به نظرم بهتر از تینی هست!

اینم لینک دانلودش (http://ckeditor.com/download)

shahriyar3
چهارشنبه 22 دی 1389, 18:27 عصر
wysiwyg هم خوبه
http://www.wysiwygwebbuilder.com/

ghasemweb
چهارشنبه 22 دی 1389, 22:20 عصر
حالا چطوري بايد ابزارهاشو به دلخواه كم و زياد كرد. بعدشم اگه بخواهيم محتويات تكست آريا را تو بانك ذخيره كنيم و بازم با همون فرمت نمايش بديم؟؟؟

mohsen6500
چهارشنبه 22 دی 1389, 23:49 عصر
خوب برای اینکه متن نوشته شده رو ذخیره کنیم
توی دیتابیس یه فیلد تکست درست میکنیم
حال نوشته هایی که نوشته شده رو با استفاده از insert میریذیم توی دیتا بیس
حالا کافیه واسه اوردنش اونو از دیتا بیس بخونیم
کاملا به همون شکلی که دوست داشتیم میتونیم ببینیمش.
برای دست کاریش هم باید بری توی فایل جاوا اسکریپتش
که باید جاوا اسکریپتت خوب باشه
موفق باشی

ghasemweb
جمعه 24 دی 1389, 09:53 صبح
جاوا اسكرپت تا حدي بلدم ولي اگه مثالي يا سورسي قرار بديد بهتره

mohsen6500
جمعه 24 دی 1389, 13:59 عصر
سلام برای دست کاری کردن چک ادیتور یه مثال میزنم امید وارم که بدردتون بخوره و مشکل گشا بشه واسه بقیه
عرض کنم که مثلا من از شکلک های این ادیتور خوشم نیومد و واسه همین اونارو با شکلک های مورد نظرم عوض کردم
برای اینکار ابتدا به پوشه ckeditor\plugins\smiley\images رفتم و تصاویر دلخواهم رو توی این پوشه ایمیج کپی کردم وتصاویر خودشو حذف کردم
حالا باید چک ادیتور رو متجه کنم چون اسامی اونارو تغییر دادم پس چک ادیتور نمیتونه اونارو پیدا کنه
برای این کار باید به فایل ckeditor\ckeditor.js برم و توی اون فایل کلمه i.smiley_images=[ رو پیدا کنم . حالا به جای نام عکس های خود چک ادیتور که داخل دوتا کوتیشن قرار گرفته اند و با کاما از هم جدا شدن به همین شکل نام عکس های خودم رو میذارم.
مرحله بعد کلمه i.smiley_descriptions= رو پیدا میکنم که پایین همین نام عکس ها هست.
این بار متنی رو که به هنگام رفتن موس روی اون باید نمایش داده بشه رو بترتیب عکس هایی که بالا معرفی کردم رو معرفی میکنم.
یعنی این همون حالت alt توی معرفی عکس هست .
به همین سادگی
حالا یه بار برنامه چک ادیتور رو باز کنید
روی شکلک ها کلیک کنید
می بینید که شکلک های شما درج شده اند.
موفق باشید
سوال دیگه ایی بود درخدمتم

رضا قربانی
چهارشنبه 27 بهمن 1389, 08:54 صبح
اینم tinymce فارسی شده :

گذاشتم تا بچه ها همگی ازش استفاده کنند

رضا قربانی
چهارشنبه 27 بهمن 1389, 19:31 عصر
البته پس از دریافت این بسته، محتویات بسته را از حالت زیپ یا فشرده خارج کنید و به محل assets/plugins/tinymce212 رفته و محتویات آن را با محتویات پیشین جایگزین کنید.

saman.1001
چهارشنبه 27 بهمن 1389, 21:34 عصر
در اینجا چند ویرایشگر جدید هست
http://gscripts.net/free-php-scripts/WYSIWYG_HTML_editor.html
رایگان

maryamelyasi
دوشنبه 10 آذر 1393, 09:02 صبح
سلام بچه ها چظور میتونم TinyMCE رو داخل سایتم قرار بدم .. از همون ابتدا میخوام لطف کنید توضیح بدید خیلی لازم دارمممممم .. ممنون .
در ضمن سایتم php هست:عصبانی++:

behzadamin12
دوشنبه 06 بهمن 1393, 12:02 عصر
این tiny int اصلا کامل و جامع نیستش
ویرایشگر متن کامل مثل همین ویرایشگر متن این سایت برنامه نویس رو از کجا میشه پیدا کرد؟

behzadamin12
دوشنبه 06 بهمن 1393, 12:09 عصر
سلام بچه ها چظور میتونم TinyMCE رو داخل سایتم قرار بدم .. از همون ابتدا میخوام لطف کنید توضیح بدید خیلی لازم دارمممممم .. ممنون .
در ضمن سایتم php هست:عصبانی++:

کار سختی نیست تو خود سایتش یه مثال هم گذاشته
اول که پوشه رو(همون فایل ها و کلاس هاش ) رو به سایتت اضافه کن
بعد برای textarae یا چیزای دیگه این دوتا script رو اضافه کن

<script src="//tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<script>tinymce.init({selector:'textarea'});</script>

این دو کد رو تو قسمت head باید اضافه کنی
به جای textarea هم میتونی انواع دیگه مثل input به شرطی که از نوع text باشه اضافه کنی
تمام

misamisa
دوشنبه 06 بهمن 1393, 12:16 عصر
همین کدی که این دوستمون گذاشته خیلی خوبه

<script src="//tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<script>tinymce.init({selector:'textarea'});</script>


طراحی سایت (https://www.wisam.ir/webdesign/) | سئو (https://www.wisam.ir/seo/)
سئو اینستاگرام (https://www.wisam.ir/seo/instagram-optimization/) | www.wisam.ir (https://www.wisam.ir/)
دیجیتال مارکتینگ (https://www.wisam.ir/) | سوشیال مارکتینگ (https://www.wisam.ir/)

لیپوماتیک (https://mehromahcenter.com/lipomatic/) | Mehromahcenter.com (https://mehromahcenter.com/)
نرم افزار باشگاهی (https://madaktosport.com/%d9%86%d8%b1%d9%85-%d8%a7%d9%81%d8%b2%d8%a7%d8%b1-%d8%a8%d8%a7%d8%b4%da%af%d8%a7%d9%87%db%8c/) | Madaktosport.com (https://madaktosport.com/)
لیپوماتیک مهر وماه (https://mehromahcenter.com/) | گیت ورود و خروج (https://madaktosport.com/%da%af%db%8c%d8%aa-%d9%88%d8%b1%d9%88%d8%af-%d9%88-%d8%ae%d8%b1%d9%88%d8%ac/)

milad.masdari
سه شنبه 07 بهمن 1393, 09:59 صبح
سلام

ما واسه کارمون یک ادیتور خیلی ساده خودمون نوشتیم که عکسش ایناست از لینک زیر هم میتونید یاد بگیرید که چطوری خودتون یک ادیتور بنویسید

http://www.developphp.com/page.php?id=879

127945

127946

Mohammadsgh
سه شنبه 07 بهمن 1393, 10:45 صبح
این tiny int اصلا کامل و جامع نیستش
ویرایشگر متن کامل مثل همین ویرایشگر متن این سایت برنامه نویس رو از کجا میشه پیدا کرد؟
نامش ckeditor هست