كيف طريقة عمل اداة تشكيل النصوص

ناnaif ناnaif · 21 أبريل

السلام عليكوم ورحمة الله و بركاته

اخواني في الله اتت فكرة جيدة في بالي قبل يومين و هي عمل صفحة html

لتشكيل النصوص بحيث انة يدخل المستخدم نص خاص بة بحيث تفصل بين الكلمة و الاخرى علامة "," بدل المسافة بحيث إذا انتهى من إضافة الكلام في

الحقل المخصص يضغط على تشكيل و يتم عمل عملية مثل الكاشية في الورد

الخاصة بالنصوص الشعرية بحيث يكون كل كلمة في سطر و الكلمة تكون

بهاذه الطريقة :

هـــــــــــــــــــــــــــــــــــــــــذا

نــــــــــــــــــــــــــــــــــــــــص

تــــجـــــريــــــــبـــــــــــــــــي

و بعد الضغط على زر التشكيل يتم تحميل ملف txt يحتوي على النص المشكل

فهل اجد شخص يشجع هذه الفكرة

و ايضا انا حولت عمل الفكرة لاكن لم تكن بالشكل المطلوب

تم التعديل في 21 أبريل بواسطة NAIF

Hikmat Jaafer · 23 أبريل

مرحباً NAIF,

أرى أن هذا سيكون مفيد جداً وخصوصا للمهتمين بالادب العربي , سيساعدهم جداً في تشكيل الكلام.

سوف أقوم بتقديم لك كود يضعك على بداية الطريق , ويمكنك استخدامه وتطويره لتصل إلى المطلوب

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Text Formatting</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

        #inputText,
        #outputText {
            width: 100%;
            height: 200px;
            margin-bottom: 10px;
        }
    </style>
</head>

<body>
    <textarea id="inputText" placeholder="Enter your text here"></textarea>
    <button onclick="formatText()">Format</button>
    <textarea id="outputText" readonly></textarea>

    <script>
        function formatText() {
            const inputText = document.getElementById('inputText').value;
            const words = inputText.trim().split(/\s+/);
            let formattedText = '';

            words.forEach((word) => {
                formattedText += word.split('').join('ـ') + '\n';
            });

            document.getElementById('outputText').value = formattedText;

            const element = document.createElement('a');
            const file = new Blob([formattedText], { type: 'text/plain' });
            element.href = URL.createObjectURL(file);
            element.download = 'formatted_text.txt';
            element.click();
        }
    </script>
</body>

</html>

التابع formatText تقوم بمعالجة النص المدخل وفق الخطوات التالية :

تأخذ القيمة المدخلة في المربع النصي.
تقوم بتنظيف النص من الفراغات الزائدة في بداية ونهاية النص.
تقوم بتقسيم النص إلى كلمات باستخدام الفراغ كفاصل.
لكل كلمة، تقوم بتقسيمها إلى أحرف وتستبدل كل حرف بحرف خطي.
تُضاف الكلمة المنسقة إلى المتغير formattedText.
يتم تحديث المربع النصي الثاني بالنص المنسق.
أخيراً يقوم بتحميل الملف المنسق في ملف txt .

كيف طريقة عمل اداة تشكيل النصوص

السؤال

ناnaif ناnaif

1 جواب على هذا السؤال

Recommended Posts

Hikmat Jaafer

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية