اديتور با قابليت نمايش css

para2x

Member
سلام دوستاي خوب
من برا يه تيكه از يه پروژه لازم دارم كه يه فايل اچ تي ام ال رو تويه يه اديتور بازكنم ، تا بعد هم اديتش كنم
يه مشكل اينجاست كه فايل هاي اچ تي ام ال ها css هاشون باز نميشه
يعني فقط متن و عكس و اين چيزا همين ....چي كار كنم اشكال از اديتور هست يا يه جايي مي لنگه چيه؟
ممنون
 

peyman1987

Member
يعني چي فايلهاي css باز نميشن؟
خوب اول توي فايل html ببين فايلها کدومن و توي کدوم پوشه هستن بعدش برو سراغشون و با اديتور بازشون کن. من نميفهم يعني چي که باز نميشن.
 

Majid

مدیر سایت
عضو کادر مدیریت
پیشنهاد میکنم از برنامه Adobe Dreamweaver استفاده کنی واقعا کامل و منظم هستش

مجید
 

perlinpars

Active Member
با اجازه از اساتید محترم

منم با نظر مجید موافقم . اما شما برای ادیت Html از فرانت پیچ هم میتونی استفاده کنی و اما در مورد Css میتونی از نوت پد ویندوز و یا از برنامه کاملتری مثل Notepad++ هم استفاده کنی. و این نکته رو در نظر بگیر که Css مثل Html نیست و من تا حالا ندیدم بشه در حال ادیت اون(css) نمایش بده که چه تغییراتی اعمال شده.
 

para2x

Member
واااي نه دوستان اشتباه گرفتين
اديتور تحت وب
مثله Fckeditor و اينا منظورمه
 

para2x

Member
دوستان يه لحظه من اصلا تعريف كنم چي كار مي خوام بكنم چون به يه مشكل ديگه هم برخوردم
مي خوام تويه يه اديتور تحت وب يه فايل html رو باز كنم ، اديتش كنم و بعد هم دوباره تويه همون فايل اطلاعات رو سيو كنم
حالا مشكلات
1-css هام تويه اديتور نمياد
2-بعد از سيو ادبتور يه سري كاراكتر رو كم وزياد مي كنه و اصلا فايل اصلي رو داغون مي كنه
منتظر راهنمايي دوستاي خوبم هستم
مخصوصا آقا مجيد گل
 
اگر منظورت اینه که style های تعریف شده برای یک تگ در محیط fckeditor دیده نمی شوند باید این کار رو بکنی :
style ها رو توی این فایل هم تعریف کن :

fckeditor-root\editor\css\fck_editorarea.css

در مورد خراب شدن فایل نمی شه خیلی راحت نظر داد بهتره کد رو اینجا کپی کنی تا بشه بهتر نظر داد
- ممکنه اطلاعات ارسالی تحت تاثیر magic_quotes_gpc خراب شوند.
- ممکنه روالی امنیتی روی اطلاعات ارسالی تاثیر گذاشته باشد .
 

para2x

Member
برا تغيير مشكلم اينجوريه


اين كد قبل از اديت
PHP:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd>
<!-- saved from url=(0021)http://www.ms-p30.ir/ -->
<HTML dir=ltr xmlns=http://www.w3.org/1999/xhtml><HEAD><TITLE>MS-P30 | Celebeties photo | download music | بازیگران ایرانی وکره ای | دانلود موسیقی |</TITLE>
<META http-equiv=Content-Type content=text/html; charset=utf-8>
<LINK href=2_files/style.css 
type=text/css rel=stylesheet></HEAD>
<BODY class=home>
<DIV id=container>
<DIV id=header>
<H1><A href=http://www.ms-p30.ir/>MS-P30</A></H1>
<DIV id=tagline>MS-P30 | Celebeties photo | download music | بازیگران ایرانی 
وکره ای | دانلود موسیقی |</DIV>
<UL id=nav></UL>
<DIV id=search></DIV></DIV>
<DIV id=main>
<DIV id=content-m>


<DIV id=recent>
<H3></H3>
<DIV class=entry id=post-94 dir=rtl>
<H2><A title=Permanent Link to Call Of Duty 4 href=http://ms-p30.ir/?p=94 
rel=bookmark>Call Of Duty 4</A></H2>
<DIV class=description>
<P align=center><A title=Call Of Duty 4  
href=2_files/call-of-duty-4-wwwms-p30ir.jpg></A></P>
<P align=center><FONT face=arial, helvetica, sans-serif size=3>بازی زیبا و 
مهیج Call Of Duty 4(دانلود در ادامه مطلب)</FONT></P>
<P align=center>The venerable Call of Duty series leaves its familiar WWII 
battlefields behind to tackle warfare in a modern setting</P>
<P align=center><A title=Call Of Duty 4  
href=2_files/call-of-duty-4-wwwms-p30ir.jpg><IMG title=Call Of Duty 4  
alt=Call Of Duty 4  src=2_files/call-of-duty-4-wwwms-p30ir.jpg></A></P>
<P><A class=more-link href=http://ms-p30.ir/?p=94#more-94>Read the rest of 
this entry »</A></P></DIV>
</DIV>
<DIV class=entry id=post-71 dir=rtl>
<H2>&nbsp;</H2>
</DIV>
</DIV>
<DIV class=navigation>
<DIV class=alignleft></DIV>
<DIV class=alignright></DIV></DIV>
</DIV>
<!-- content-m -->
<DIV id=sidebars>
<DIV id=sidebar-a>
<DIV id=intro dir=rtl>
<H2>درباره من</H2>
<P>من مهدی متولد سال هفتاد هستم . در این وب سایت عکس و آهنگ و موارد مربوط به 
موبایل در اختیار شما قرار خواهد گرفت . </P>
<P>&nbsp;</P>
<H2>خبرنامه</H2><!-- place your HTML code here -->


<DIV class=newsletterContainer id=ajaxNewsletter>
<FORM id=newsletterForm name=newsletterForm 
action=
method=post>
<DIV class=rightAlign id=newsletterFormDiv style=HEIGHT: 70px><FONT 
face=tahoma>ایمیل:</FONT> <BR><INPUT class=newsletterTextInput name=email> 
<INPUT id=newsletter type=hidden value=true name=newsletter> <BR><INPUT class=submit style=MARGIN-TOP: 10px; FONT-FAMILY: tahoma type=submit value=عضویت name=newsletterSub> 
</DIV></FORM></DIV>
<DIV id=newsletterLoading style=DISPLAY: none><IMG title=Loading... 
alt=Loading... src=2_files/loading(1).gif> در حال بار گذاری ...</DIV><!-- place your HTML code here -->
<P>&nbsp;</P><A 
href=http://edit.yahoo.com/config/send_webmesg?.target=mehdip30&amp;.src=pg><IMG 
src=2_files/online.gif border=0></A> 
<P>&nbsp;</P><A href=http://ms-p30.ir/?feed=rss2><IMG 
alt=Stay up to date with the feed src=2_files/rss.gif></A> 
<P>&nbsp;</P></DIV></DIV><!-- sidebar-a -->
<DIV id=sidebar-b>
<DIV dir=rtl>
<H2>آرشیو</H2>
<DIV class=section id=topics>
<H3>موضوعی </H3>
<UL>
  <LI><A  
  href=http://ms-p30.ir/?cat=1>متفرقه</A> 
  <LI><A 
  href=http://ms-p30.ir/?cat=5>موبایل</A> 
  <LI><A 
  href=http://ms-p30.ir/?cat=6>گالري عكس</A> 
  <LI><A 
  href=http://ms-p30.ir/?cat=7>موسيقي</A> 
  <LI><A 
  href=http://ms-p30.ir/?cat=8>نرم افزار</A> 
  <LI><A 
  href=http://ms-p30.ir/?cat=9>بازي</A> 
  <LI><A  
  href=http://ms-p30.ir/?cat=10>ويندوز و دسكتاپ</A> 
  <LI><A 
  href=http://ms-p30.ir/?cat=12>اينترنت</A> 
  <LI><A 
  href=http://ms-p30.ir/?cat=16>فیلم</A> 
  <LI><A 
  href=http://ms-p30.ir/?cat=17>کتاب و مجله</A> 
  <LI><A t
  href=http://ms-p30.ir/?cat=46>ديكشنري</A> </LI></UL></DIV>
<DIV class=section>
<H3>جستجو</H3>
<FORM id=searchform action=http://ms-p30.ir/ method=get>
<DIV><INPUT id=s dir=rtl name=s> <INPUT id=searchsubmit type=submit value=جستجو> 
</DIV></FORM></DIV>
<H2>دوستان</H2>
<UL>
  <LI class=linkcat id=linkcat-2>
  <H2>Blogroll</H2>
  <UL>
    <LI><A title=گالری وب href=http://www.webgallery.ir/>گالری وب</A> 
    <LI><A href=http://www.irop.ir/>پاتوق آنلاين ايرانيان اينجاست**</A> 
  </LI></UL></LI></UL></DIV>
<H2>نوشته های تصادفی</H2>
<UL>
  <UL>
    <LI><A title=September 16, 2007 href=http://ms-p30.ir/?p=9 
    rel=bookmark>افتتاحيه</A> 
    <LI><A title=September 24, 2007 href=http://ms-p30.ir/?p=13 
    rel=bookmark>جديد ترين بازي ها</A> 
    <LI><A title=November 4, 2007 href=http://ms-p30.ir/?p=80 
    rel=bookmark>SmS</A> 
    <LI><A title=September 25, 2007 href=http://ms-p30.ir/?p=25 
    rel=bookmark>Google Power Tools Bible</A> 
    <LI><A title=November 15, 2007 href=http://ms-p30.ir/?p=90 
    rel=bookmark>Babylon Professional v7.0.0.13</A> 
    <LI><A title=September 16, 2007 href=http://ms-p30.ir/?p=5 
    rel=bookmark>اخراجی ها</A> 
    <LI><A title=October 8, 2007 href=http://ms-p30.ir/?p=47 
    rel=bookmark>Lee Young Ae……Album</A> 
    <LI><A title=October 9, 2007 href=http://ms-p30.ir/?p=48 
    rel=bookmark>War*****Film</A> 
    <LI><A title=November 9, 2007 href=http://ms-p30.ir/?p=85 
    rel=bookmark>عکس ویژه</A> 
    <LI><A title=October 25, 2007 href=http://ms-p30.ir/?p=71 
    rel=bookmark>Nero-8.1.1.0</A> 
</LI></UL><!--Random Posts took 0.017 seconds--></UL>
<DIV class=ads id=ads-c>
<P class=advertise><A 
href=http://www.ms-p30.ir/#>Advertise</A></P></DIV></DIV></DIV>
<DIV style=CLEAR: both></DIV></DIV><!-- main --></DIV><!-- container -->
<DIV id=ft>Thanks for visiting ms-p30</DIV></FONT></FONT></BODY></HTML>

كد بعد از اديت
كه داغون شده
PHP:
<!-- saved from url=(0021)http://www.ms-p30.ir/ -->
<link href=2_files/style.css type=text/css rel=stylesheet />
<div id=\"container\">
<div id=\"header\">
<h1><a href=\"http://www.ms-p30.ir/\">MS-P30</a></h1>
<div id=\"tagline\">MS-P30 | Celebeties photo | download music | بازیگران ایرانی وکره ای | دانلود موسیقی |</div>
<ul id=\"nav\"></ul>
<div id=\"search\"></div></div>
<div id=\"main\">
<div id=\"content-m\">
<div id=\"recent\">
<h3></h3>
<div class=\"entry\" id=\"post-94\" dir=\"rtl\">
<h2><a title=\"Permanent\" href=\"http://ms-p30.ir/?p=94\" rel=\"bookmark\" 4 duty of call to link>CallDuty 4</a></h2>
<div class=\"description\">
<p align=\"center\"><a title=\"Call\" href=\"2_files/call-of-duty-4-wwwms-p30ir.jpg\" 4 duty of></a></p>

<p align=\"center\"><font face=\"arial,\" size=\"3\" sans-serif helvetica,>بازی زیبا و مهیج Call Of Duty 4(دانلود در ادامه مطلب)</font></p>

<p align=\"center\">The venerable Call of Duty series leaves its familiar WWII battlefields behind to tackle warfare in a modern setting</p>

<p align=\"center\"><a title=\"Call\" href=\"2_files/call-of-duty-4-wwwms-p30ir.jpg\" 4 duty of><img title=\"Call\" alt=\"Call\" src=\"2_files/call-of-duty-4-wwwms-p30ir.jpg\" 4 duty of /></a></p>

<p><a class=\"more-link\" href=\"http://ms-p30.ir/?p=94#more-94\">Read the rest of this entry &raquo;</a></p>
</div></div>
<div class=\"entry\" id=\"post-71\" dir=\"rtl\">
<h2>&nbsp;</h2></div></div>
<div class=\"navigation\">
<div class=\"alignleft\"></div>
<div class=\"alignright\"></div></div></div><!-- content-m -->
<div id=\"sidebars\">
<div id=\"sidebar-a\">
<div id=\"intro\" dir=\"rtl\">
<h2>درباره من</h2>
<p>من مهدی متولد سال هفتاد هستم . در این وب سایت عکس و آهنگ و موارد مربوط به موبایل در اختیار شما قرار خواهد گرفت . </p>

<p>&nbsp;</p>

<h2>خبرنامه</h2><!-- place your HTML code here -->
<div class=\"newsletterContainer\" id=\"ajaxNewsletter\">
<form id=\"newsletterForm\" name=\"newsletterForm\" action=\"method=post\">
<div class=\"rightAlign\" id=\"newsletterFormDiv\" 70px><font face=\"tahoma\">ایمیل:</font> <br /><input class=\"newsletterTextInput\" name=\"email\" /> <input id=\"newsletter\" type=\"hidden\" value=\"true\" name=\"newsletter\" /> <br /><input class=\"submit\" type=\"submit\" value=\"عضویت\" name=\"newsletterSub\" tahoma font-family: 10px; /> </div></form></div>
<div id=\"newsletterLoading\" none><img title=\"Loading...\" alt=\"Loading...\" src=\"2_files/loading(1).gif\" /> در حال بار گذاری ...</div><!-- place your HTML code here -->
<p>&nbsp;</p>
<a href=\"http://edit.yahoo.com/config/send_webmesg?.target=mehdip30&amp;.src=pg\"><img src=\"2_files/online.gif\" border=\"0\" /></a> 
<p>&nbsp;</p>
<a href=\"http://ms-p30.ir/?feed=rss2\"><img alt=\"Stay\" src=\"2_files/rss.gif\" to feed the with date up /></a> 
<p>&nbsp;</p>
</div></div><!-- sidebar-a -->
<div id=\"sidebar-b\">
<div dir=\"rtl\">
<h2>آرشیو</h2>
<div class=\"section\" id=\"topics\">
<h3>موضوعی </h3>
<ul>
<li><a href=\"http://ms-p30.ir/?cat=1\">متفرقه</a> 
<li><a href=\"http://ms-p30.ir/?cat=5\">موبایل</a> 
<li><a href=\"http://ms-p30.ir/?cat=6\">گالري عكس</a> 
<li><a href=\"http://ms-p30.ir/?cat=7\">موسيقي</a> 
<li><a href=\"http://ms-p30.ir/?cat=8\">نرم افزار</a> 
<li><a href=\"http://ms-p30.ir/?cat=9\">بازي</a> 
<li><a href=\"http://ms-p30.ir/?cat=10\">ويندوز و دسكتاپ</a> 
<li><a href=\"http://ms-p30.ir/?cat=12\">اينترنت</a> 
<li><a href=\"http://ms-p30.ir/?cat=16\">فیلم</a> 
<li><a href=\"http://ms-p30.ir/?cat=17\">کتاب و مجله</a> 
<li><a href=\"http://ms-p30.ir/?cat=46\" t>ديكشنري</a> </li></ul></div>
<div class=\"section\">
<h3>جستجو</h3>
<form id=\"searchform\" action=\"http://ms-p30.ir/\" method=\"get\">
<div><input id=\"s\" dir=\"rtl\" name=\"s\" /> <input id=\"searchsubmit\" type=\"submit\" value=\"جستجو\" /> </div></form></div>
<h2>دوستان</h2>
<ul>
<li class=\"linkcat\" id=\"linkcat-2\">
<h2>Blogroll</h2>
<ul>
<li><a title=\"گالری\" href=\"http://www.webgallery.ir/\" وب>گالری وب</a> 
<li><a href=\"http://www.irop.ir/\">پاتوق آنلاين ايرانيان اينجاست**</a> </li></ul></li></ul></div>
<h2>نوشته های تصادفی</h2>
<ul>
<ul>
<li><a title=\"September\" href=\"http://ms-p30.ir/?p=9\" rel=\"bookmark\" 2007 16,>افتتاحيه</a> 
<li><a title=\"September\" href=\"http://ms-p30.ir/?p=13\" rel=\"bookmark\" 2007 24,>جديد ترين بازي ها</a> 
<li><a title=\"November\" href=\"http://ms-p30.ir/?p=80\" rel=\"bookmark\" 2007 4,>SmS</a> 
<li><a title=\"September\" href=\"http://ms-p30.ir/?p=25\" rel=\"bookmark\" 2007 25,>Google Power Tools Bible</a> 
<li><a title=\"November\" href=\"http://ms-p30.ir/?p=90\" rel=\"bookmark\" 2007 15,>Babylon Professional v7.0.0.13</a> 
<li><a title=\"September\" href=\"http://ms-p30.ir/?p=5\" rel=\"bookmark\" 2007 16,>اخراجی ها</a> 
<li><a title=\"October\" href=\"http://ms-p30.ir/?p=47\" rel=\"bookmark\" 2007 8,>Lee Young Ae&hellip;&hellip;Album</a> 
<li><a title=\"October\" href=\"http://ms-p30.ir/?p=48\" rel=\"bookmark\" 2007 9,>War*****Film</a> 
<li><a title=\"November\" href=\"http://ms-p30.ir/?p=85\" rel=\"bookmark\" 2007 9,>عکس ویژه</a> 
<li><a title=\"October\" href=\"http://ms-p30.ir/?p=71\" rel=\"bookmark\" 2007 25,>Nero-8.1.1.0</a> </li></ul><!--Random Posts took 0.017 seconds--></ul>
<div class=\"ads\" id=\"ads-c\">
<p class=\"advertise\"><a href=\"http://www.ms-p30.ir/#\">Advertise</a></p>
</div></div></div>
<div both></div></div><!-- main --></div><!-- container -->
<div id=\"ft\">Thanks for visiting ms-p30</div></font></font>

با يكم دقت معلومه كه تمام آدرس ها رو عوض كرده ، بعد ديدم تموم چيزا دس زده ، مي گم فايلو داغون كرده
 
دوست عزیز منظور من خود فایل نبود منظورم کدی بود که برای ثبت فایل بعد از ادیت نوشته ای منظورم اینه که دکمه save ادیتور و یا action فرم را به یه فایلی که مسئول ثبت تغییرات هست بایند کردی دیگه درسته ؟ اون فایل که مسئول ثبت هست و همچنین صفحه ای که خود ادیتور رو توش گذاشتی را اینجا بگذار.

با توجه به فایلی که اینجا پست کردید حدس من درست بود ، اگه دقت کنید می بینید که قبل از هر " یک \ اضافه شده که نشان دهنده فعالیت یه روال امنیتی و یا فعال بودن magic_quotes_gpc و یا magic_quotes_runtime بر روی سرور شماست که البته به سادگی قابل حله
 

para2x

Member
آقاي موسوي ازتون ممنون
آره اينو فهميدم و با يه تابع replace درستش كردم
حالا اين برا چي اضافه مي كرد و من همينطور بي خود ورش داشتم
نكنه مشكلي پيش بياد
 
آقاي موسوي ازتون ممنون
آره اينو فهميدم و با يه تابع replace درستش كردم
حالا اين برا چي اضافه مي كرد و من همينطور بي خود ورش داشتم
نكنه مشكلي پيش بياد
پیش اومدن مشکل بستگی به این داره که این ادیتور را کجا استفاده می کنید ، بهتره حتما در جایی استفاده بشه که عمومی نباشه یعنی کاربران با دادن نام کاربری و رمز عبور از این ادیتور استفاده کنند .
و همچنین به این بستگی داره که replace رو کجا بکار ببرید
- در زمان ثبت اطلاعات در داخل دیتابیس ؟ (این کار اشتباه است)
- در زمان خواندن اطلاعات از دیتابیس و نمایش آن ؟ (این روش درست است)
- در زمان ثبت اطلاعات در داخل همان فایل ؟ (بعید است که مشکلی امنیتی پیش بیاد)

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

بنده مصوری هستم نه موسوی :shock:
 

para2x

Member
ببخشيد ، ببخشيد آقاي مصوري
از راهنمايي هاتون ممنون
آره از ديتا بيس اصلا استفاده نميشه ،فقط كار با فايل هستش
 

NabiKAZ

Well-Known Member
در مورد ادیتورهای CSS این فیلم اموزشی رو بگیرید
کار امیر عباس هست
http://rapidshare.com/files/48483877/cssEditors.mov.html



آقا سیاوش همونطور که گفته شد، صحبت از ادیتور تحت وب است. مثل fckeditor

مثلا اگر از این کد استفاده بشه:
HTML:
<style type="text/css">
p{color:red;}
</style>

<p>salam</p>
خود به خود به این تبدیل میشه:
HTML:
<p><style type="text/css">
p{color:red;}
</style></p>

<p>salam</p>

که البته خیلی حاد نیست ولی به هر حال یک اشکاله
 
آخرین ویرایش:

جدیدترین ارسال ها

بالا