שלח תשובה

זירת השאלות

585
צפיות
16
תשובות

שאלה על wysiwyg

,‏ 29 באוגוסט, 2005

מצאתי את העורך הבא:
http://www.kevinroth.com/rte/demo.htm

עכשו, החלון שם שכותבים בתוכו את הכתבה הוא פריים.
איך אני גורם לטקסט שיש בפריים במתכונתו, כולל כל השינויים שנעשו בו, אם זה הדגשה, נטייה, קו תחתון וכו' לעבור ל textarea שממנו אני יוכל להעביר את הטקסט הלאה?

תגיות:

16 תשובות

  1. adventureboy הגיב:

    בלי להתחיל ולהיכנס לכל הקוד שיש שם
    כי, באמת, יש לי הרבה מה לעשות…  

    בקובץ של demo.html תעיף מבט בשורה document.RTEDemo.rte1.value

  2. ליאור1989 הגיב:

    אני מניח
    שזה ב javacript   ….משום מה תמיד הייתה לי בעיה עם השפה הזאת.
    אתה יכול להרחיב אולי טיפה או לתת לי לינק להסבר על זה?

    תודה…

  3. adventureboy הגיב:

    מממ…
    אני לא מצאתי דוקומנטציה על זה. מה שעשיתי זה פשוט להסתכל על הקוד של ה javascript.
    אתה צריך לבנות פונקציה ב JS שתקח את הערך מאותו אובייקט שרשמתי לך ותשלח אותו לעמוד שיבצע עבורך את השמירה.

  4. ליאור1989 הגיב:

    שאלה נוספת
    נגיד יש לי טופס שמכיל textarea בשם text.
    אני רוצה שיהיה כפתור מסוג תמונה שברגע שילחצו עליו התגים [b] [/b] יופיעו בתוך ה textarea…איך עושים את זה?

  5. BuildHome הגיב:

    תשובה
    document.getElementById("text").value += "[b][/b]";

  6. ליאור1989 הגיב:

    את זה
    לשים כפונקציה נגיד בשם insertbold?
    וכשלוחצים על הכפתור אז יש קריאה לפונקציה?

  7. eLisHa הגיב:

    עדיף לך ליצור פונקציה גלובלית
    למשל


    function insertTag(tagName, textareaId){
    document.getElementById(textareaId).value += "[" + tagName + "] " + "[/" + tagName + "]";
    }


    <input type="button" onclick="insertTag('B', 'MyText')" value="B" />
    <input type="button" onclick="insertTag('U', 'MyText')" value="U" />
    <textarea name="MyText" id="MyText"></textarea>

    מקווה שהבנת  

  8. ליאור1989 הגיב:

    הבנתי וביצעתי, אבל
    שיניתי את זה לכפתור מסג תמונה, וברגע שאני לוחץ על כפתור ה B
    אכן התגיות נוספות באיזור הטקסט, אבל משום מה גם לחצן ה submit הופעל והטקסט נשלח…איך מבטלים את זה?

  9. BuildHome הגיב:

    עשית כפתור רגיל או כפתור שליחה?
    קרא כיצד מציגים שאלה.

  10. ליאור1989 הגיב:

    זה הכפתור


    <input type="image" src="bold.gif" onclick="insertTag('B', 'secondhead')">

    והפונקציה היא מה שנכתבה פה למעלה…

  11. BuildHome הגיב:

    לא טוב
    כפתור image הוא כפתור submit אבל מסוג תמונה (במקום טקסט הוא מציג תמונה).

    פשוט תציג תמונה עם התגית img.

  12. ליאור1989 הגיב:

    תודה, ושאלה נוספת באותו עניין
    נגיד מישהו לוחץ על כפתור ה B, אז ב textarea מופיע [b] [b], עכשו אם נגיד מישהו ילחץ על כפתור ה U אח"כ אז יופיע [u] [u] [b] [b], רציתי לדעת איך אני עושה שאם המשתמש שם את העכבר בין תג פתיחה לסגירה כלשהו ולוחץ על הוספת תג אחר, התג יופיע בין התגים האחרים.
    לדוגמא, שאם משתמש ילחץ על B ואז על U יופיע:


    [b][u][/u][/b]

  13. BuildHome הגיב:

    תעשה משהו ממש קל
    בדיוק כמו בפורום. כאשר אתה מסמן טקסט ולוחץ על כפתור הוא מוסיף את התג התחלתה והסוף מסביב לטקסט. זו הדרך הכי טובה וקלה להסתדר עם זה.

    הנה קוד לדוגמא שהכנתי:
    <script type="text/javascript">
    function addCode(start,end) {
       var theRange=document.selection.createRange();
       if(theRange.parentElement()==document.getElementById("Msg_1")) theRange.text=start+theRange.text+end;
       else document.getElementById("Msg_1").value+=start+end;
    }
    </script>

    <input type="button" OnClick="addCode('[b]','[/b]');" value="הדגשה">
    <input type="button" OnClick="addCode('[u]','[/u]');" value="קו תחתי">
    <br>
    <textarea name="Msg" rows="15" cols="60" id="Msg_1"></textarea>

  14. ליאור1989 הגיב:

    בעיה חדשה
    כאשר אני מסמן טקסט ולוחץ נגיד על B, אז הכל טובו יפה והטקסט מוקף בתגיות המתאימות.
    אבל כאשר הטקסט במצב כזה: [b]ניסיון[/b], ואני מסמן את כל זה ולוחץ גם על U, זה מה שקורה: [u][b]ניסיון[/b][/u]…
    משום מה התגי סגירה נדפקים. למה?

  15. BuildHome הגיב:

    הקוד שכתבתי כאן
    עובד לי מצוין בלי הבעיה שתיארת.
    תבדוק שסימנת הכל טוב והקוד שלך זהה לשלי.

שלח תשובה