עזרה | עזרה בדף html עם js וcss - בעיות בקוד

[pcinfogmach]

פוסט זה נמחק!

[pcinfogmach]

@sivan22
יש דרך שיהיה שימושי ללא אינטרנט?

[י. פל.]

@sivan22 כתב בעזרה | עזרה בדף html עם js וcss - בעיות בקוד:

@י-פל מה אתה אומר על זה? (זה מבוסס על quill)

https://sivan22.github.io/otzaria-editor/

הקוד כאן: https://github.com/Sivan22/otzaria-editor/blob/main/index.html

לא הבנתי מה עשית בכלל... [סליחה על הסגנון, אבל זה כ"כ לא מתאים למושלמות שלך]

נתחיל:
למי מיועד העורך?
העורך מיועד לאלו שלא יודעים מהחיים שלהם, כן?!
ולכן, אני לא יכול לומר להם "תעשו H1 ויהיה לכם כותרת", ולכן הם גם לא עורכים בפנקס רשימות...
כל העניין זה שהוא ל--------א יציג את הH1, B ,I וכדומה, אלא יציג אותם "כאילו זה אוצריא", ורק בייצוא חזרה יהיה לנו קובץ טקסט עם התגים.
בקישור שנתת רואים את התגים.
חלונית הכותרות נמצאת איפה שהפך השני עם השמן [זה שעוד לא מצאו.... ]
בכפתורים לגודל טקסט אינם נוחים [רוצה כפתור לכל דבר. אגב, בעיקרון בתחילה הכפתור להגדלה/הקטנה גם ביטל אותה בלחיצה שוב, אך באחת הגרסאות זה נעלם... ואיננו כי לקח אותה הGPT...]
לחיצה על כותרת מדגישה את כל הבלוק.
אין נטוי.
אין "רענן טקסט" [כלומר - טעינת הטקסט מחדש. הסיבה לכפתור זה, היא הצורך בהרצת סקריפטים תוכ"ד, ואז ריענון כדי לראות את התוצאה].
יש בטל, שזו מעלה גדולה!

[יום חדש מתחיל]

@pcinfogmach כתב בעזרה | עזרה בדף html עם js וcss - בעיות בקוד:

אגב אוצריא תומך ב-css?

התשובה היא, וודאי!!
תוכל לראות כאן את הרשימה המדוייקת מה נתמך -
https://pub.dev/packages/flutter_html#currently-supported-html-tags

אם תרצה לראות בעיניים חלק גדול מהאפשרויות ש'אוצריא' תומכת, תוכל להכניס את הקובץ הבא לתיקיית ספרי אוצריא, ותראה בעצמך...
עריכת ספר לאוצריא.zip

[יום חדש מתחיל]

@sivan22 יפה מאוד מה שעשית!!
אבל עדיין יש הרבה מה לשפר.
לדוגמא שישמור עם סיומת TXT ולא HTML,
העליתי קובץ, ואז נעלם לי כל הכפתורים וכן חלונית הכותרות. [מצורף תמונה איך נראה הקובץ בעורך שלך, ואיך בעורך שלנו]
שמרתי את הטקסט שנמצא שם בברירת מחדל ורק הדגשתי את המילה הראשונה (הדבק) ואחר"כ הפכתי אותה לכותרת רמה 1.
וזה מה שיצא:
<h1><strong>הדבק</strong> כאן את הטקסט ותתחיל לערוך</h1>הנה קצת טקסט<strong> מודגש</strong>
למה ההדגשה בתגי <strong> ולא בתגי B?
אין אנטר אחרי ה H1 מה שיגרום שכל השורה כולה תוגדר ככותרת ב'אוצריא'.
אין בכלל רווח בין המילה 'לערוך' למילה 'הנה'.
(התג <strong> הפותח השני כולל את הרווח שלפני המילה, מה שגורם קצת לבלבול)
כל קטע בספר נמצא בשורה אחת בלבד (וגם א"א לגלול שמאלה).
וזה רק ההתחלה, בקיצור יש הרבה מה לשפר, בHTML שלנו, רוב הבעיות הנ"ל כבר נפתרו, אבל עדיין יש הרבה בעיות אחרות.

[יום חדש מתחיל]

@pcinfogmach כתב בעזרה | עזרה בדף html עם js וcss - בעיות בקוד:

יש דרך שיהיה שימושי ללא אינטרנט?

וודאי, תוריד את ה HTML

[pcinfogmach]

@יום-חדש-מתחיל כתב בעזרה | עזרה בדף html עם js וcss - בעיות בקוד:

התשובה היא, וודאי!!

לא היה לי זמן לבדוק אבל אפילו אם היא תומכת לא כדאי להשתמש בזה זה יםריע לניידות של הקבצים

[pcinfogmach]

@יום-חדש-מתחיל כתב בעזרה | עזרה בדף html עם js וcss - בעיות בקוד:

לדוגמא שישמור עם סיומת TXT ולא HTML,

לא הבנתי מה זה משנה הסיומת

[י. פל.]

@י-פל כתב בעזרה | עזרה בדף html עם js וcss - בעיות בקוד:

בעיות:
רוצים להוסיף גרירה לחלונית הכותרות להרחבתה/הצרתה.
> בעיות שורות ריקות
אם משפט מוגדל [מתחיל ומסתיים ב"big", ומקטינים באמצע, הוא רק עוטף את המילה המוקטנת ב"small" במקום לשבור את כל המשפט [כלומר, להוסיף סיום ביג ותחילתו]. אותו הדבר במשפט מודגש או נטוי, וביטול מילה אחת באמצע.
> בבחירת מילה שלא יבחר את הרווח שאחריה, אלא רק את המילה עצמה.
בהקלקה משולשת [בחירת קטע שלם], נבחר גם הרווח האחרון - מה גורם שה"b" הסוגר נכתב רק בשורה שאח"כ [זה לא יוצר בעיה למעשה, כי אוצריא מכירה בתגים שנפתחים ולא נסגרים... אבל זה לא תקין].
בעיות עיצוב קלות:
>חוסר תאימות בין מראה חלונית הכותרות לחלונית הטקסט.
> הזזת שם הספר הנטען ליד כפתור "טען קובץ".
> הזזת סרגל הגלילה השמאלי לתוך החלונית עצמה [כמו בחלונית הכותרות].
יצירת בועות הסבר על הכפתורים.
הגדרה שאם אין את הגופן, שיעבור לאריאל [בעקבות בעיה שקרתה!]

בוצע:

בחירת המילה לבדה, ללא הרווח.
שינויי עיצוב - התאמת החלוניות.
שם הקובץ כעת בצד הנכון.
הזזת סרגל הגלילה.

[יום חדש מתחיל]

@pcinfogmach כתב בעזרה | עזרה בדף html עם js וcss - בעיות בקוד:

לא הבנתי מה זה משנה הסיומת

כי אם זה בסיומת html אוצריא לא תזהה את הקובץ, הוא פשוט לא יכלל ברשימת הספרים שהתוכנה מציגה.

[י. פל.]

כעת בוצע [ע"י @יום-חדש-מתחיל שביצע גם את הקודמים!!!]

הצרת/הרחבת חלונית הכותרות.

היכן כל מומחי הפורום???????????????????????

[אורחל]

@י-פל עוד מעט הדלקת נרות אנשים עסוקים

[sivan22]

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

[pcinfogmach]

@יום-חדש-מתחיל כתב בעזרה | עזרה בדף html עם js וcss - בעיות בקוד:

כי אם זה בסיומת html אוצריא לא תזהה את הקובץ, הוא פשוט לא יכלל ברשימת הספרים שהתוכנה מציגה.

@sivan22 מסתמא כדאי לשנות זאת

[י. פל.]

@י-פל כתב בעזרה | עזרה בדף html עם js וcss - בעיות בקוד:

@י-פל כתב בעזרה | עזרה בדף html עם js וcss - בעיות בקוד:

בעיות:
רוצים להוסיף גרירה לחלונית הכותרות להרחבתה/הצרתה.
> בעיות שורות ריקות
אם משפט מוגדל [מתחיל ומסתיים ב"big", ומקטינים באמצע, הוא רק עוטף את המילה המוקטנת ב"small" במקום לשבור את כל המשפט [כלומר, להוסיף סיום ביג ותחילתו]. אותו הדבר במשפט מודגש או נטוי, וביטול מילה אחת באמצע.
> בבחירת מילה שלא יבחר את הרווח שאחריה, אלא רק את המילה עצמה.
בהקלקה משולשת [בחירת קטע שלם], נבחר גם הרווח האחרון - מה גורם שה"b" הסוגר נכתב רק בשורה שאח"כ [זה לא יוצר בעיה למעשה, כי אוצריא מכירה בתגים שנפתחים ולא נסגרים... אבל זה לא תקין].
בעיות עיצוב קלות:
>חוסר תאימות בין מראה חלונית הכותרות לחלונית הטקסט.
> הזזת שם הספר הנטען ליד כפתור "טען קובץ".
> הזזת סרגל הגלילה השמאלי לתוך החלונית עצמה [כמו בחלונית הכותרות].
יצירת בועות הסבר על הכפתורים.
הגדרה שאם אין את הגופן, שיעבור לאריאל [בעקבות בעיה שקרתה!]

בוצע:

בחירת המילה לבדה, ללא הרווח.
שינויי עיצוב - התאמת החלוניות.
שם הקובץ כעת בצד הנכון.
הזזת סרגל הגלילה.

בוצע:
הרחבת/הצרת החלוניות ע"י @יום-חדש-מתחיל שיפורים ע"י @יעקב-מ-פינס
שבירת משפטים מודגשים/נטויים.

[pcinfogmach]

פוסט זה נמחק!

[אייל אייל]

@י-פל
סתם הערה , תכניס את הcss בקובץ נפרד ככה הקוד הרבה יותר נקי

[י. פל.]

@אייל-אייל כתב בעזרה | עזרה בדף html עם js וcss - בעיות בקוד:

@י-פל
סתם הערה , תכניס את הcss בקובץ נפרד ככה הקוד הרבה יותר נקי

נכטן מאוד, אבל ככה כשאתן אותו לאנאלפבית במחשבים הוא ישאל אותי מה לעשות עם הדבר הזה...