עזרה ב- Ckeditor - הוסטס

Jonathan Zeierman · 30-09-11, 20:11

שלום לכולם,
לאחרונה אני משתמש מ-ckeditor שילבתי אותו באתר כאשר הוא מכניס מידע ל-DB.
אך כשאני פולט את המידע הוא פולט לי גם תגי HTML לדוגמא:

PHP קוד:


			
<html> <head> <title></title> </head> <body> <p> כאן תהיה כתבה על עמוד הבית...</p> </body> </html>

איך ניתן להעלים?
יוני.

Haimz · 30-09-11, 20:25

תראה לנו את הקוד, אולי זה משהו שעשית בקוד

Jonathan Zeierman · 30-09-11, 20:44

ככה אני מציג את מה שהכנסתי למסד:

PHP קוד:


			
<?php

require ('admin/includes/PHP/db_connect.php'); //Requiring A Db Config File.

####################################################################################################

$query = "SELECT main_text FROM index_page";                                                        ##

$result = mysql_query($query)    or die("Mysql Getting The Next Error:" . mysql_error());          ##

####################################################################################################

if ($row = mysql_fetch_array($result))

{

        echo ''.$row['main_text'].'';

}

mysql_close($db_connection); //Closing The Db Connection.

?>

ככה אני מעדכן:

PHP קוד:


			


        function pages ()

        {

            echo '<html dir="rtl">

            <head>

            <title>עריכת עמודי תוכן</title>

            <meta http-equiv="Content-Language" content="he">

            <meta http-equiv="Content-Type" content="text/html; charset=windows-1255">

            <link href="includes/CSS/default.css" rel="stylesheet" type="text/css">

            </head>

            <body>

            <div class="navigation"><div><a href="index.php">ראשי</a> <img src="images/nav.gif">עריכת עמודי תוכן</div><div style="margin:5px"></div><table cellpadding="0" cellspacing="0" width="100%">

            <tr>

            <td align="right" class="nav_title">עריכת<font style="color:black;font-size:12px">(עמודי תוכן)</font></td>

            <td align="left" style="font-size:11px"><span style="padding-right:5px"><a href="javascript:history.go(-1)"><img src="images/up_level.gif"> חזור אחורה</a></span> <a href="editor.php?page=pages"><img src="images/refresh.gif"> רענן דף זה</a></td></tr>

            </table></div>

            <div class="DASKTOP">

            <fieldset>

            <legend>עריכת עמודי תוכן</legend>

            <div style="padding:10px">

            </div>

            </fieldset>

            <aligan=right>

            <table>

            <tr>

            <th>שם העמוד</th>

            <th>כתובת</th>

            <th>תבנית</th>

            <th>פעולות</th>        

            <th>נוסף</th>

            </tr>

            <tr>

            <td height="30px">&nbsp;&nbsp;עמוד ראשי&nbsp;&nbsp;</td>

            <td height="30px">&nbsp;&nbsp;http://net-power.co.il/demo_cms/index.php&nbsp;&nbsp;</td>

            <td height="30px">&nbsp;&nbsp;index&nbsp;&nbsp;</td>

            <td height="30px">

            &nbsp;&nbsp;

            <a href="editor.php?page=pages&act=edit_index"><img src="images/edit.gif" alt="" width="20px" height="20px" /> ערוך</a>

            &nbsp;&nbsp;-&nbsp;&nbsp;

            <a href="############"><img src="images/delete.gif" alt="" width="20px" height="20px" /> מחק</a>

            &nbsp;&nbsp;

            </td>        

            <td height="30px">&nbsp;&nbsp;נערך לאחרונה&nbsp;&nbsp;</td>

            </tr>        

            <tr>

            <td height="30px">&nbsp;&nbsp;צור קשר&nbsp;&nbsp;</td>

            <td height="30px">&nbsp;&nbsp;http://net-power.co.il/demo_cms/contact.php&nbsp;&nbsp;</td>

            <td height="30px">&nbsp;&nbsp;contact&nbsp;&nbsp;</td>

            <td height="30px">

            &nbsp;&nbsp;

            <a href="#############"><img src="images/edit.gif" alt="" width="20px" height="20px" /> ערוך</a>

            &nbsp;&nbsp;-&nbsp;&nbsp;

            <a href="#############"><img src="images/delete.gif" alt="" width="20px" height="20px" /> מחק</a>

            &nbsp;&nbsp;

            </td>        

            <td height="30px">&nbsp;&nbsp;נערך לאחרונה&nbsp;&nbsp;</td>

            </tr>        

            </table>

            </body>

            </html>';

            if ($_GET['act'] == 'edit_index')

            {

                echo '<fieldset>

                <legend>עריכת דף ראשי</legend>

                <div style="padding:10px">

                </div>

                </fieldset>';

                echo "    <script type='text/javascript' src='ckeditor/ckeditor.js'></script>

                <script src='ckeditor/_samples/sample.js' type='text/javascript'></script>

                <link href='ckeditor/_samples/sample.css' rel='stylesheet' type='text/css' />

                <form action='' method='post'>

                <table>

                <tr>

                <td><gb>כותרת ראשית:</gb></td>

                <td><input type=text name='head1_title' value=''></td>

                </tr>

                <tr>

                <td><gb>כותרת משנית:</gb></td>

                <td><input type=text name='head2_title' value=''></td>

                </tr>

                <tr>

                <td><gb>כותרת לכתבה:</gb></td>

                <td><input type=text name='head3_title' value=''></td>

                </tr>

                </table>

                <p><label for='editor1'></label><br />

                <textarea cols='80' id='editor1' name='editor1' rows='10'></textarea>

                <script type='text/javascript'>

                CKEDITOR.replace( 'editor1',

                {

                    fullPage : true

                });

                </script></p>

                <table>

                <tr>

                <td><gb>כתובת לתמונה:</gb></td>

                <td><input type=text name='picture' value=''></td>

                </tr>

                </table>

                <input type='submit' value='Submit' name='index_page_update' />

                </form>";

                if (isset($_POST['index_page_update']))

                {

                    ################################################################################################

                    ##                             Require A DB Connection File.                                      ##

                    ################################################################################################

                    require ('includes/PHP/db_connect.php');                                                      ##

                    ################################################################################################

                    ##                                        Variables.                                              ##

                    ################################################################################################

                    $head1_title = mysql_real_escape_string(htmlspecialchars($_POST['head1_title']));              ##

                    $head2_title = mysql_real_escape_string(htmlspecialchars($_POST['head2_title']));              ##

                    $head3_title = mysql_real_escape_string(htmlspecialchars($_POST['head3_title']));              ##

                    $main_text = mysql_real_escape_string(htmlspecialchars($_POST['editor1']));                      ##

                    $picture = mysql_real_escape_string(htmlspecialchars($_POST['picture']));                        ##

                    $id = mysql_real_escape_string(htmlspecialchars(0));                                          ##

                    ################################################################################################

                    ##echo '<meta http-equiv="Refresh" content="0; URL=index.php?page=Administrators">';              ##

                    ################################################################################################

                    ##                                    Update A Sql Table.                                          ##

                    ##############################################################################################################################################################################################################

                    $query = ("UPDATE index_page SET head1_title='".$head1_title."' ,head2_title='".$head2_title."' ,head3_title='".$head3_title."' ,main_text='".$main_text."' ,picture='".$picture."' WHERE id='".$id."'");    ##

                    $result = mysql_query($query)    or die("Mysql Getting The Next Error:" . mysql_error());                                                                                                                      ##

                    mysql_close($db_connection); //Closing The Db Connection.                                                                                                                                                      ##

                    ##############################################################################################################################################################################################################

                }

            }

        }

**IgalSt** · 30-09-11, 21:02

זה בהגדרה של ה-ckeditor.
עליך להגדיר את fullPage ל-false

Jonathan Zeierman · 30-09-11, 21:04

איפה אני מגדיר את ההגדרה?

Jonathan Zeierman · 30-09-11, 21:20

אוקיי מצאתי איפה להוריד את זה בדף fullpage.html
אך נתתי לו false ולא משתנה דבר...

PHP קוד:


			
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--

Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.

For licensing, see LICENSE.html or http://ckeditor.com/license

-->

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>Full Page Editing - CKEditor Sample</title>

    <meta content="text/html; charset=utf-8" http-equiv="content-type" />

    <script type="text/javascript" src="../ckeditor.js"></script>

    <script src="sample.js" type="text/javascript"></script>

    <link href="sample.css" rel="stylesheet" type="text/css" />

</head>

<body>

    <h1>

        CKEditor Sample

    </h1>

    <!-- This <div> holds alert messages to be display in the sample page. -->

    <div id="alerts">

        <noscript>

            <p>

                <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript

                support, like yours, you should still see the contents (HTML data) and you should

                be able to edit it normally, without a rich editor interface.

            </p>

        </noscript>

    </div>

    <form action="sample_posteddata.php" method="post">

        <p>

            In this sample the editor is configured to edit entire HTML pages, from the &lt;html&gt;

            tag to &lt;/html&gt;.</p>

        <p>

            <label for="editor1">

                Editor 1:</label><br />

            <textarea cols="80" id="editor1" name="editor1" rows="10">&lt;html&gt;&lt;head&gt;&lt;title&gt;CKEditor Sample&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</textarea>

            <script type="text/javascript">

            //<![CDATA[



                CKEDITOR.replace( 'editor1',

                    {

                        fullPage : false

                    });



            //]]>

            </script>

        </p>

        <p>

            <input type="submit" value="Submit" />

        </p>

    </form>

    <div id="footer">

        <hr />

        <p>

            CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>

        </p>

        <p id="copy">

            Copyright &copy; 2003-2010, <a href="http://cksource.com/">CKSource</a> - Frederico

            Knabben. All rights reserved.

        </p>

    </div>

</body>

</html>

בניה · 30-09-11, 22:47

אתה עושה לו htmlspecialchars לפני ההכנסה זה הופך את כל הסימנים המיוחדים לסימול HTML שלהם.
תעשה הצג מקור ותראה על מה אני מדבר.
במידה והתוכן הזה ערך רק על ידי איש צוות אתר אתה לא צריך לדאוג מXSS.
במידה ואתה רוצה לתת לכל משתמש להשתמש בעורך כזה אתה צריך לסנן את הHTML עם משהו כמו
http://htmlpurifier.org/
ולתת רק לתגיות ספציפיות לעבור.

Haimz · 30-09-11, 23:04

כשעשית בעדכון:

HTML קוד:

 <script type='text/javascript'>
                CKEDITOR.replace( 'editor1',
                {
                    fullPage : true
                });
                </script>

תחליף ל

HTML קוד:

 <script type='text/javascript'>
                CKEDITOR.replace( 'editor1');
                </script>

ואם זה לא יפעל, תעשה ככה: (בשליפה)

PHP קוד:


			
preg_match("#<body>(.*)</body>#ies", $row['main_text'], $body);
echo $body[1];

Jonathan Zeierman · 01-10-11, 11:06

תודה לכולם על העזרה הצלחתי ב-2 דרכים...
1. עשיתי false בדף הנכון ועבד.
2. השתמשתי בדרך שבניה נתן לי והורדתי סינון XSS.
תודה.

בניה · 01-10-11, 11:14

אני רוצה לחדד משהו, כשאתה מדפיס את הSTRING הזה אל תוך הTEXTAREA של העורך מומלץ לעשות HTMLSPECIALCHARS(למרות שהוא יכול לאכול את זה גם בלי זה אם לא תהיה שם תגית סגירה של TEXTAREA או תגיד שבורה) אבל ככה נכון לעבוד.

30-09-11, 20:11	# 1
Jonathan Zeierman חבר וותיק מיני פרופיל תאריך הצטרפות: Jun 2007 הודעות: 1,003	עזרה ב- Ckeditor שלום לכולם, לאחרונה אני משתמש מ-ckeditor שילבתי אותו באתר כאשר הוא מכניס מידע ל-DB. אך כשאני פולט את המידע הוא פולט לי גם תגי HTML לדוגמא: PHP קוד: `<html> <head> <title></title> </head> <body> <p> כאן תהיה כתבה על עמוד הבית...</p> </body> </html>` איך ניתן להעלים? יוני. __________________ יונתן. אימייל: jonathan@zeierman.net

30-09-11, 20:44	# 3
Jonathan Zeierman חבר וותיק מיני פרופיל תאריך הצטרפות: Jun 2007 הודעות: 1,003	ככה אני מציג את מה שהכנסתי למסד: PHP קוד: <?php require ('admin/includes/PHP/db_connect.php'); //Requiring A Db Config File. #################################################################################################### $query = "SELECT main_text FROM index_page"; ## $result = mysql_query($query) or die("Mysql Getting The Next Error:" . mysql_error()); ## #################################################################################################### if ($row = mysql_fetch_array($result)) { echo ''.$row['main_text'].''; } mysql_close($db_connection); //Closing The Db Connection. ?> ככה אני מעדכן: PHP קוד: function pages () { echo '<html dir="rtl"> <head> <title>עריכת עמודי תוכן</title> <meta http-equiv="Content-Language" content="he"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1255"> <link href="includes/CSS/default.css" rel="stylesheet" type="text/css"> </head> <body> <div class="navigation"><div><a href="index.php">ראשי</a> <img src="images/nav.gif">עריכת עמודי תוכן</div><div style="margin:5px"></div><table cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="right" class="nav_title">עריכת<font style="color:black;font-size:12px">(עמודי תוכן)</font></td> <td align="left" style="font-size:11px"><span style="padding-right:5px"><a href="javascript:history.go(-1)"><img src="images/up_level.gif"> חזור אחורה</a></span> <a href="editor.php?page=pages"><img src="images/refresh.gif"> רענן דף זה</a></td></tr> </table></div> <div class="DASKTOP"> <fieldset> <legend>עריכת עמודי תוכן</legend> <div style="padding:10px"> </div> </fieldset> <aligan=right> <table> <tr> <th>שם העמוד</th> <th>כתובת</th> <th>תבנית</th> <th>פעולות</th> <th>נוסף</th> </tr> <tr> <td height="30px">  עמוד ראשי  </td> <td height="30px">  http://net-power.co.il/demo_cms/index.php  </td> <td height="30px">  index  </td> <td height="30px">    <a href="editor.php?page=pages&act=edit_index"><img src="images/edit.gif" alt="" width="20px" height="20px" /> ערוך</a>   -   <a href="############"><img src="images/delete.gif" alt="" width="20px" height="20px" /> מחק</a>    </td> <td height="30px">  נערך לאחרונה  </td> </tr> <tr> <td height="30px">  צור קשר  </td> <td height="30px">  http://net-power.co.il/demo_cms/contact.php  </td> <td height="30px">  contact  </td> <td height="30px">    <a href="#############"><img src="images/edit.gif" alt="" width="20px" height="20px" /> ערוך</a>   -   <a href="#############"><img src="images/delete.gif" alt="" width="20px" height="20px" /> מחק</a>    </td> <td height="30px">  נערך לאחרונה  </td> </tr> </table> </body> </html>'; if ($_GET['act'] == 'edit_index') { echo '<fieldset> <legend>עריכת דף ראשי</legend> <div style="padding:10px"> </div> </fieldset>'; echo " <script type='text/javascript' src='ckeditor/ckeditor.js'></script> <script src='ckeditor/_samples/sample.js' type='text/javascript'></script> <link href='ckeditor/_samples/sample.css' rel='stylesheet' type='text/css' /> <form action='' method='post'> <table> <tr> <td><gb>כותרת ראשית:</gb></td> <td><input type=text name='head1_title' value=''></td> </tr> <tr> <td><gb>כותרת משנית:</gb></td> <td><input type=text name='head2_title' value=''></td> </tr> <tr> <td><gb>כותרת לכתבה:</gb></td> <td><input type=text name='head3_title' value=''></td> </tr> </table> <p><label for='editor1'></label><br /> <textarea cols='80' id='editor1' name='editor1' rows='10'></textarea> <script type='text/javascript'> CKEDITOR.replace( 'editor1', { fullPage : true }); </script></p> <table> <tr> <td><gb>כתובת לתמונה:</gb></td> <td><input type=text name='picture' value=''></td> </tr> </table> <input type='submit' value='Submit' name='index_page_update' /> </form>"; if (isset($_POST['index_page_update'])) { ################################################################################################ ## Require A DB Connection File. ## ################################################################################################ require ('includes/PHP/db_connect.php'); ## ################################################################################################ ## Variables. ## ################################################################################################ $head1_title = mysql_real_escape_string(htmlspecialchars($_POST['head1_title'])); ## $head2_title = mysql_real_escape_string(htmlspecialchars($_POST['head2_title'])); ## $head3_title = mysql_real_escape_string(htmlspecialchars($_POST['head3_title'])); ## $main_text = mysql_real_escape_string(htmlspecialchars($_POST['editor1'])); ## $picture = mysql_real_escape_string(htmlspecialchars($_POST['picture'])); ## $id = mysql_real_escape_string(htmlspecialchars(0)); ## ################################################################################################ ##echo '<meta http-equiv="Refresh" content="0; URL=index.php?page=Administrators">'; ## ################################################################################################ ## Update A Sql Table. ## ############################################################################################################################################################################################################## $query = ("UPDATE index_page SET head1_title='".$head1_title."' ,head2_title='".$head2_title."' ,head3_title='".$head3_title."' ,main_text='".$main_text."' ,picture='".$picture."' WHERE id='".$id."'"); ## $result = mysql_query($query) or die("Mysql Getting The Next Error:" . mysql_error()); ## mysql_close($db_connection); //Closing The Db Connection. ## ############################################################################################################################################################################################################## } } } __________________ יונתן. אימייל: jonathan@zeierman.net

30-09-11, 21:02	# 4
IgalSt מנהל פורום, עסק רשום מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: המרכז גיל: 37 הודעות: 1,432	זה בהגדרה של ה-ckeditor. עליך להגדיר את fullPage ל-false __________________ יגאל סטקלוב Igal Steklov Slides מה השעה? טרקלין דן טרמינל 1

30-09-11, 21:04	# 5
Jonathan Zeierman חבר וותיק מיני פרופיל תאריך הצטרפות: Jun 2007 הודעות: 1,003	איפה אני מגדיר את ההגדרה? __________________ יונתן. אימייל: jonathan@zeierman.net

30-09-11, 21:20	# 6
Jonathan Zeierman חבר וותיק מיני פרופיל תאריך הצטרפות: Jun 2007 הודעות: 1,003	אוקיי מצאתי איפה להוריד את זה בדף fullpage.html אך נתתי לו false ולא משתנה דבר... PHP קוד: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or http://ckeditor.com/license --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Full Page Editing - CKEditor Sample</title> <meta content="text/html; charset=utf-8" http-equiv="content-type" /> <script type="text/javascript" src="../ckeditor.js"></script> <script src="sample.js" type="text/javascript"></script> <link href="sample.css" rel="stylesheet" type="text/css" /> </head> <body> <h1> CKEditor Sample </h1> <!-- This <div> holds alert messages to be display in the sample page. --> <div id="alerts"> <noscript> <p> <strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript support, like yours, you should still see the contents (HTML data) and you should be able to edit it normally, without a rich editor interface. </p> </noscript> </div> <form action="sample_posteddata.php" method="post"> <p> In this sample the editor is configured to edit entire HTML pages, from the <html> tag to </html>.</p> <p> <label for="editor1"> Editor 1:</label><br /> <textarea cols="80" id="editor1" name="editor1" rows="10"><html><head><title>CKEditor Sample</title></head><body><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></body></html></textarea> <script type="text/javascript"> //<![CDATA[ CKEDITOR.replace( 'editor1', { fullPage : false }); //]]> </script> </p> <p> <input type="submit" value="Submit" /> </p> </form> <div id="footer"> <hr /> <p> CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a> </p> <p id="copy"> Copyright © 2003-2010, <a href="http://cksource.com/">CKSource</a> - Frederico Knabben. All rights reserved. </p> </div> </body> </html> __________________ יונתן. אימייל: jonathan@zeierman.net


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

30-09-11, 20:25	# 2
Haimz חבר וותיק מיני פרופיל תאריך הצטרפות: Sep 2010 הודעות: 1,221	תראה לנו את הקוד, אולי זה משהו שעשית בקוד

30-09-11, 22:47	# 7
בניה משתמש - היכל התהילה מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: נחושה הודעות: 3,434	אתה עושה לו htmlspecialchars לפני ההכנסה זה הופך את כל הסימנים המיוחדים לסימול HTML שלהם. תעשה הצג מקור ותראה על מה אני מדבר. במידה והתוכן הזה ערך רק על ידי איש צוות אתר אתה לא צריך לדאוג מXSS. במידה ואתה רוצה לתת לכל משתמש להשתמש בעורך כזה אתה צריך לסנן את הHTML עם משהו כמו http://htmlpurifier.org/ ולתת רק לתגיות ספציפיות לעבור. __________________ קו ישר, כי אפשר גם אחרת

30-09-11, 23:04	# 8
Haimz חבר וותיק מיני פרופיל תאריך הצטרפות: Sep 2010 הודעות: 1,221	כשעשית בעדכון: HTML קוד: <script type='text/javascript'> CKEDITOR.replace( 'editor1', { fullPage : true }); </script> תחליף ל HTML קוד: <script type='text/javascript'> CKEDITOR.replace( 'editor1'); </script> ואם זה לא יפעל, תעשה ככה: (בשליפה) PHP קוד: `preg_match("#<body>(.*)</body>#ies", $row['main_text'], $body); echo $body[1];`

01-10-11, 11:06	# 9
Jonathan Zeierman חבר וותיק מיני פרופיל תאריך הצטרפות: Jun 2007 הודעות: 1,003	תודה לכולם על העזרה הצלחתי ב-2 דרכים... 1. עשיתי false בדף הנכון ועבד. 2. השתמשתי בדרך שבניה נתן לי והורדתי סינון XSS. תודה. __________________ יונתן. אימייל: jonathan@zeierman.net

01-10-11, 11:14	# 10
בניה משתמש - היכל התהילה מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: נחושה הודעות: 3,434	אני רוצה לחדד משהו, כשאתה מדפיס את הSTRING הזה אל תוך הTEXTAREA של העורך מומלץ לעשות HTMLSPECIALCHARS(למרות שהוא יכול לאכול את זה גם בלי זה אם לא תהיה שם תגית סגירה של TEXTAREA או תגיד שבורה) אבל ככה נכון לעבוד. __________________ קו ישר, כי אפשר גם אחרת

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)