Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-32257

Multilanguage filter work for <div> as well as <span> tags

XMLWordPrintable

    • Icon: Improvement Improvement
    • Resolution: Won't Do
    • Icon: Minor Minor
    • None
    • 2.2.2, 2.3, 2.4
    • Filters, Language
    • MOODLE_22_STABLE, MOODLE_23_STABLE, MOODLE_24_STABLE
    • Hide
      1. Add language packs 'en' and 'ar' to moodle site
      2. Navigate to Site Administration > Plugins > Filters > Manage filters and enable the Multi-language content filter
      3. Return to the site front page and turn editing on
      4. Edit the sitetopic summary element on the front page, and paste the following markup into the HTML editor (not the WYSIWYG)

         
        		 
        <div lang="en" class="multilang">
        		 
        <p>For Lesson 1, you must:</p>
        		 
        <ul>
        		 
        <li>Complete the Lesson 1 Pre-Assessment</li>
        		 
        <li>Listen to and watch the "Mawhiba" Presentation</li>
        		 
        <li>Complete the Lesson 1 Post-Assessment</li>
        		 
        </ul>
        		 
        <p>Before beginning this lesson, check the glossary if you are unfamiliar with these terms:</p>
        		 
        <ul>
        		 
        <li>Mawhiba initiatives</li>
        		 
        <li>Mawhiba's mission</li>
        		 
        <li>Mawhiba's vision and goals</li>
        		 
        <li>Stakeholders</li>
        		 
        </ul>
        		 
        </div>
        		 
         
        		 
         
        		 
        <div lang="ar" class="multilang">
        		 
        <p>للدرس الأول يجب عليك :</p>
        		 
        <ul>
        		 
        <li>إكمال التقييم القبلي للدرس الأول</li>
        		 
        <li>الاستماع إلى ومشاهدة العرض التقديمي لـ"موهبة"</li>
        		 
        <li>إكمال التقييم البعدي للدرس الأول</li>
        		 
        </ul>
        		 
        <p>قبل بداية الدرس ارجع لقائمة المصطلحات في حال عدم معرفتك بالمصطلحات التالية:</p>
        		 
        <ul>
        		 
        <li>مبادرات موهبة</li>
        		 
        <li>رسالة موهبة</li>
        		 
        <li>رؤية موهبة وأهدافها</li>
        		 
        <li>أصحاب المصلحة</li>
        		 
        </ul>
        		 
        </div>
        		 
         

      5. Save your changes
      6. View the front page. Toggle the language selection. When lang ar is selected, only the Arabic content in sitetopic summary should be displayed. When lang en is selected, only the English content in sitetopic summary should be displayed.
      Show
      Add language packs 'en' and 'ar' to moodle site Navigate to Site Administration > Plugins > Filters > Manage filters and enable the Multi-language content filter Return to the site front page and turn editing on Edit the sitetopic summary element on the front page, and paste the following markup into the HTML editor ( not the WYSIWYG)   <div lang="en" class="multilang"> <p>For Lesson 1, you must:</p> <ul> <li>Complete the Lesson 1 Pre-Assessment</li> <li>Listen to and watch the "Mawhiba" Presentation</li> <li>Complete the Lesson 1 Post-Assessment</li> </ul> <p>Before beginning this lesson, check the glossary if you are unfamiliar with these terms:</p> <ul> <li>Mawhiba initiatives</li> <li>Mawhiba's mission</li> <li>Mawhiba's vision and goals</li> <li>Stakeholders</li> </ul> </div>     <div lang="ar" class="multilang"> <p>للدرس الأول يجب عليك :</p> <ul> <li>إكمال التقييم القبلي للدرس الأول</li> <li>الاستماع إلى ومشاهدة العرض التقديمي لـ"موهبة"</li> <li>إكمال التقييم البعدي للدرس الأول</li> </ul> <p>قبل بداية الدرس ارجع لقائمة المصطلحات في حال عدم معرفتك بالمصطلحات التالية:</p> <ul> <li>مبادرات موهبة</li> <li>رسالة موهبة</li> <li>رؤية موهبة وأهدافها</li> <li>أصحاب المصلحة</li> </ul> </div>   Save your changes View the front page. Toggle the language selection. When lang ar is selected, only the Arabic content in sitetopic summary should be displayed. When lang en is selected, only the English content in sitetopic summary should be displayed.

      Solution proposed by Michael de Raadt in MDL-31531 to allow use of multilang filter on long passages. <span> tags applied to long passages are stripped out by TinyMCE.

      <span> tags are stripped from passage below. 

       
      		 
      <span lang="en" class="multilang">
      		 
      <p>For Lesson 1, you must:</p>
      		 
      <ul>
      		 
      <li>Complete the Lesson 1 Pre-Assessment</li>
      		 
      <li>Listen to and watch the "Mawhiba" Presentation</li>
      		 
      <li>Complete the Lesson 1 Post-Assessment</li>
      		 
      </ul>
      		 
      <p>Before beginning this lesson, check the glossary if you are unfamiliar with these terms:</p>
      		 
      <ul>
      		 
      <li>Mawhiba initiatives</li>
      		 
      <li>Mawhiba's mission</li>
      		 
      <li>Mawhiba's vision and goals</li>
      		 
      <li>Stakeholders</li>
      		 
      </ul>
      		 
      </span>
      		 
       
      		 
       
      		 
      <span lang="ar" class="multilang">
      		 
      <p>للدرس الأول يجب عليك :</p>
      		 
      <ul>
      		 
      <li>إكمال التقييم القبلي للدرس الأول</li>
      		 
      <li>الاستماع إلى ومشاهدة العرض التقديمي لـ"موهبة"</li>
      		 
      <li>إكمال التقييم البعدي للدرس الأول</li>
      		 
      </ul>
      		 
      <p>قبل بداية الدرس ارجع لقائمة المصطلحات في حال عدم معرفتك بالمصطلحات التالية:</p>
      		 
      <ul>
      		 
      <li>مبادرات موهبة</li>
      		 
      <li>رسالة موهبة</li>
      		 
      <li>رؤية موهبة وأهدافها</li>
      		 
      <li>أصحاب المصلحة</li>
      		 
      </ul>
      		 
      </span>

      Alternative would be something like this: 

       
      		 
      <div lang="en" class="multilang">
      		 
      <p>For Lesson 1, you must:</p>
      		 
      <ul>
      		 
      <li>Complete the Lesson 1 Pre-Assessment</li>
      		 
      <li>Listen to and watch the "Mawhiba" Presentation</li>
      		 
      <li>Complete the Lesson 1 Post-Assessment</li>
      		 
      </ul>
      		 
      <p>Before beginning this lesson, check the glossary if you are unfamiliar with these terms:</p>
      		 
      <ul>
      		 
      <li>Mawhiba initiatives</li>
      		 
      <li>Mawhiba's mission</li>
      		 
      <li>Mawhiba's vision and goals</li>
      		 
      <li>Stakeholders</li>
      		 
      </ul>
      		 
      </div>
      		 
       
      		 
       
      		 
      <div lang="ar" class="multilang">
      		 
      <p>للدرس الأول يجب عليك :</p>
      		 
      <ul>
      		 
      <li>إكمال التقييم القبلي للدرس الأول</li>
      		 
      <li>الاستماع إلى ومشاهدة العرض التقديمي لـ"موهبة"</li>
      		 
      <li>إكمال التقييم البعدي للدرس الأول</li>
      		 
      </ul>
      		 
      <p>قبل بداية الدرس ارجع لقائمة المصطلحات في حال عدم معرفتك بالمصطلحات التالية:</p>
      		 
      <ul>
      		 
      <li>مبادرات موهبة</li>
      		 
      <li>رسالة موهبة</li>
      		 
      <li>رؤية موهبة وأهدافها</li>
      		 
      <li>أصحاب المصلحة</li>
      		 
      </ul>
      		 
      </div>

        1. filter.php
          4 kB
        2. filter.php
          4 kB

            Votes:
            21 Vote for this issue
            Watchers:
            24 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.