How to add RTL support to Html #2427

focaloid-dev · 2023-07-23T18:37:27Z

Can any one please help me make this $html as RTL with right aligned ?
$html = "<p> الألم الذي ربما تنجم عنه بعض ا.</p>";
\PhpOffice\PhpWord\Shared\Html::addHtml($section, $html, false, false);

The File Output i have

sorry the $html is different here

The text was updated successfully, but these errors were encountered:

oleibman · 2023-07-28T06:07:49Z

$PHPWord = new PhpWord();
$section = $PHPWord->addSection();
$rtlFont = $PHPWord->addFontStyle('rtlFont', ['rtl' => true]);
$rtlParagraph = $PHPWord->addParagraphStyle('rtlParagraph', ['bidi' => true]);

$text = "الألم الذي ربما تنجم عنه بعض ا.";
$section->addText($text, 'rtlFont', 'rtlParagraph');

focaloid-dev · 2023-07-28T07:17:34Z

$PHPWord = new PhpWord();
$section = $PHPWord->addSection();
$rtlFont = $PHPWord->addFontStyle('rtlFont', ['rtl' => true]);
$rtlParagraph = $PHPWord->addParagraphStyle('rtlParagraph', ['bidi' => true]);

$text = "الألم الذي ربما تنجم عنه بعض ا.";
$section->addText($text, 'rtlFont', 'rtlParagraph');

thanks for the reply , my content is placed in db as raw html , ie from a text editor , so am using the Html::addHtml($section, $html, false, false); i need the contents of html as RTL , is it possible to do so , i hope yes
I followed this https://github.com/PHPOffice/PHPWord/blob/master/samples/Sample_26_Html.php

oleibman · 2023-07-28T14:36:03Z

In the sample which you referenced, the input html specifies, among other things:

<p style="text-align: right; direction: rtl">

If you add that style to your html, you'll get close to the result you want. The trailing period is misplaced; I can offer some suggestions for that, but need to know whether this is what you are looking for first.

focaloid-dev · 2023-07-29T12:08:44Z

In the sample which you referenced, the input html specifies, among other things:
<p style="text-align: right; direction: rtl">
If you add that style to your html, you'll get close to the result you want. The trailing period is misplaced; I can offer some suggestions for that, but need to know whether this is what you are looking for first.

No this is not the thing i wanted , i cannot add a rtl directive in html tags since , the html i added above as paragraph is coming from database (Dynamic) and its the output of CKeditor i directly store my html and shows it in FE , so i need this whole html string to pass throught the lib functions and get the output as RTL , hope you get what am pointingto ?

See My Table :

oleibman · 2023-07-30T04:31:04Z

Okay, try:

$PHPWord->setDefaultParagraphStyle(['bidi' => true]);

That should handle everything except the trailing period. There is no global option for setting rtl on the font, which is what you need to handle that. An RLM character at the end of the text would also work; you might be able to insert it with your editor, or you could add it as an html entity:

$html = "<p>  الألم الذي ربما تنجم عنه بعض ا.&rlm;</p>";

Note that, if you are using mixed rtl and ltr paragraphs, there is no current support for turning the bidi attribute off when the default paragraph style specifies true. The same might be true if the ability to add a default font rtl were to be added.

focaloid-dev · 2023-07-30T17:17:05Z

'bidi' => true

this seems to be not working , my texts seem to be LTR , is there anything i can do with the ::html function

oleibman · 2023-07-30T18:19:20Z

Sorry I haven't been able to help you more. Here is my entire program. Word2007 gets RTL and alignment correct; ODText and Html get RTL correct but not alignment; RTF seems to have problems with both. Do your results differ?

use PhpOffice\PhpWord\PhpWord;

$extension = 'docx';
$formatMapping = [
    'docx' => 'Word2007',
    'odt' => 'ODText',
    'rtf' => 'RTF',
    'html' => 'HTML',
];
$outputFormat = $formatMapping[$extension] ?? 'Word2007';

$PHPWord = new PhpWord();
$PHPWord->setDefaultParagraphStyle(['bidi' => true]);

$section = $PHPWord->addSection();
$html = "<p>  الألم الذي ربما تنجم عنه بعض ا.&rlm;</p>";
\PhpOffice\PhpWord\Shared\Html::addHtml($section, $html, false, false);

$outname = "issue.2427c.$extension";
$PHPWord->save($outname, $outputFormat);
echo "Saved $outname\n";

focaloid-dev · 2023-07-31T09:24:32Z

Sorry I haven't been able to help you more. Here is my entire program. Word2007 gets RTL and alignment correct; ODText and Html get RTL correct but not alignment; RTF seems to have problems with both. Do your results differ?

use PhpOffice\PhpWord\PhpWord;

$extension = 'docx';
$formatMapping = [
    'docx' => 'Word2007',
    'odt' => 'ODText',
    'rtf' => 'RTF',
    'html' => 'HTML',
];
$outputFormat = $formatMapping[$extension] ?? 'Word2007';

$PHPWord = new PhpWord();
$PHPWord->setDefaultParagraphStyle(['bidi' => true]);

$section = $PHPWord->addSection();
$html = "<p>  الألم الذي ربما تنجم عنه بعض ا.&rlm;</p>";
\PhpOffice\PhpWord\Shared\Html::addHtml($section, $html, false, false);

$outname = "issue.2427c.$extension";
$PHPWord->save($outname, $outputFormat);
echo "Saved $outname\n";

alignment seems to be the issue , thanks for the help appreciate that

oleibman · 2023-08-02T03:11:08Z

@focaloid-dev Even though you've closed this, I've done some more thinking about it. If you can, you might want to test against my PR #2343 (updated for this issue but with unlikely to be merged any time soon). Especially have a look at the new Sample_52, which echoes your case, and now works correctly for alignment and RTL for all of Word2007, ODText, RTF, HTML, and even MPDF. At least the results look correct on my system. I'd be curious to know if they look right on yours.

alshoja · 2023-08-02T05:07:08Z

@focaloid-dev Even though you've closed this, I've done some more thinking about it. If you can, you might want to test against my PR #2343 (updated for this issue but with unlikely to be merged any time soon). Especially have a look at the new Sample_52, which echoes your case, and now works correctly for alignment and RTL for all of Word2007, ODText, RTF, HTML, and even MPDF. At least the results look correct on my system. I'd be curious to know if they look right on yours.

Currently I pushed this thing in my project to a low priority one since it took most of my time to look around but that doesn't mean I am not going to look into this , def this will be a high priority one after my other checklists are ove for this project , am def gona try this PR and get u back if this works or not 👏

malozaibi · 2024-01-06T16:54:32Z

@focaloid-dev Even though you've closed this, I've done some more thinking about it. If you can, you might want to test against my PR #2343 (updated for this issue but with unlikely to be merged any time soon). Especially have a look at the new Sample_52, which echoes your case, and now works correctly for alignment and RTL for all of Word2007, ODText, RTF, HTML, and even MPDF. At least the results look correct on my system. I'd be curious to know if they look right on yours.

If you may, can you give me an example, I tried the above this message and it make it rtl for <p> tag only but my <h1> <h2> still ltr.
and even the <p> is right aligned not direction rtl.

You mentioned an update in the quoted message, how did it help in rtl?

I would appreciate your help. I didn't reach a solution for a whole day now.

Update:
I used <p style="text-align: right; direction: rtl"> and still ltrl

oleibman · 2024-01-06T17:40:34Z

@malozaibi My change was incorporated in PhpWord 1.2. Can you upload the file you are having a problem with?

malozaibi · 2024-01-06T18:03:18Z

Yes I upgraded to the last version but still.

$phpWord = new PhpWord();

// Define styles for headers
$phpWord->addTitleStyle(1, array('bold' => true, 'name' => 'Arial', 'size' => 16, 'bidi' => true, 'rtl'));
$phpWord->addTitleStyle(2, array('bold' => true, 'name' => 'Arial', 'size' => 14, 'bidi' => true, 'rtl'));
$phpWord->addTitleStyle(3, array('bold' => true, 'name' => 'Arial', 'size' => 12, 'bidi' => true, 'rtl'));
$phpWord->addTitleStyle(4, array('bold' => true, 'name' => 'Arial', 'size' => 10, 'bidi' => true, 'rtl'));
$phpWord->setDefaultParagraphStyle(['bidi' => true, 'rtl', true]);

// Add a section with bidi direction
$section = $phpWord->addSection(['bidi' => true, 'rtl', true]);
// Your HTML content
$htmlContent = '<h1>مرحبا 1</h1><h2>تجربة 2</h2><h3>تجربة تجربة</h3><h4>هناك hello هنا 4</h4><p>مرحبا here كلمة انجليزي.</p>';

// Add HTML content to the section
Html::addHtml($section, $htmlContent, false, false);

// Save the file
$filename = 'document.docx';
$objWriter = \PhpOffice\PhpWord\IOFactory::createWriter($phpWord, 'Word2007');
$objWriter->save($filename);

return response()->download($filename)->deleteFileAfterSend(true);

The output:

It should look like:

(I open the html in browser and adder dir="rtl" to the html tag)

oleibman · 2024-01-06T19:52:29Z

I am not sure that this is being handled correctly by PhpWord. I need to investigate further, but I do have a workaround for your use case.

It's a little tricky. The font style uses property rtl; the paragraph style uses bidi. You have added bidi uselessly to the font style and not supplied a paragraph style. The following should work for you (but, ideally, you shouldn't have to specify setDefaultRtl nor setDefaultParagraphStyle, though they both will often be suitable).

$phpWord = new PhpWord();
Settings::setDefaultRtl(true);

// Define styles for headers
$phpWord->addTitleStyle(1, array('bold' => true, 'name' => 'Arial', 'size' => 16, 'rtl' => true), array('bidi' => 'true'));
$phpWord->addTitleStyle(2, array('bold' => true, 'name' => 'Arial', 'size' => 14, 'rtl' => true), array('bidi' => 'true'));
$phpWord->addTitleStyle(3, array('bold' => true, 'name' => 'Arial', 'size' => 12, 'rtl' => true), array('bidi' => 'true'));
$phpWord->addTitleStyle(4, array('bold' => true, 'name' => 'Arial', 'size' => 10, 'rtl' => true), array('bidi' => 'true'));
$phpWord->setDefaultParagraphStyle(['bidi' => true]);

oleibman · 2024-01-06T20:23:15Z

Part of the problem is, of course, that I should have specified bidi => true rather than bidi => 'true' above in 4 places.

malozaibi · 2024-01-07T05:53:55Z

It is good now and all went to right. If I have only arabic letter it is ok, but if mixed with English, it is wrong.
I think this issue is correct and still affected #684
Now (after your help):

Should look like:

(See the last two lines)

oleibman · 2024-01-07T16:52:09Z

$phpWord->addTitleStyle(4, array('bold' => true, 'name' => 'Arial', 'size' => 10, 'rtl' => true), array('bidi' => true, 'alignment' => 'start'));
$phpWord->setDefaultParagraphStyle(['bidi' => true, 'alignment' => 'start']);

I don't know why there are so many options affecting bidi; I have, in fact, discovered another one while researching this. I am working on a PR. In the meantime, adding alignment to your paragraph styles should work.

malozaibi · 2024-01-07T17:32:34Z

Same output unfortunately. they are starting from the right yes, but the direction of the words is LTR making it unreadable (same as the picture).
However thank you very much, but I used another solution for my case (using pandoc).
Thanks 🌹

oleibman · 2024-01-07T17:37:46Z

Glad you found a solution, but I'm not sure why my suggestion isn't working for you. Here's what I see in my Word doc. Is it not correct?

malozaibi · 2024-01-08T04:54:22Z

Yes it is correct!
If the code still with you paste it here just to make sure it is the same as mine. Sorry for taking your time. Thank you

oleibman · 2024-01-08T05:31:17Z

<?php
require __DIR__ . '/PhpWord' . '/vendor/autoload.php';

use PhpOffice\PhpWord\PhpWord;
use PhpOffice\PhpWord\Settings;
use PhpOffice\PhpWord\Shared\Html;
use PhpOffice\PhpWord\Style;

$phpWord = new PhpWord();
Settings::setDefaultRtl(true);

// Define styles for headers
$phpWord->addTitleStyle(1, array('bold' => true, 'name' => 'Arial', 'size' => 16, 'rtl' => true), array('bidi' => true));
$phpWord->addTitleStyle(2, array('bold' => true, 'name' => 'Arial', 'size' => 14, 'rtl' => true), array('bidi' => true));
$phpWord->addTitleStyle(3, array('bold' => true, 'name' => 'Arial', 'size' => 12, 'rtl' => true), array('bidi' => true));
$phpWord->addTitleStyle(4, array('bold' => true, 'name' => 'Arial', 'size' => 10, 'rtl' => true), array('bidi' => true, 'alignment' => 'start'));
$phpWord->setDefaultParagraphStyle(['bidi' => true, 'alignment' => 'start']);

// Add a section with bidi direction
$section = $phpWord->addSection(['bidi' => true, 'rtl' => true]);
// Your HTML content
$htmlContent = '<h1>مرحبا 1</h1><h2>تجربة 2</h2><h3>تجربة تجربة</h3><h4 dir="rtl">هناك hello هنا 4</h4><p>مرحبا here كلمة انجليزي.</p>';

// Add HTML content to the section
Html::addHtml($section, $htmlContent, false, false);

// Save the file
$filename = 'word.bidi.docx';
$objWriter = \PhpOffice\PhpWord\IOFactory::createWriter($phpWord, 'Word2007');
$objWriter->save($filename);

echo "saved $filename\n";

malozaibi · 2024-01-08T06:03:29Z

Thank you very very much.
The missing line in my code was Settings::setDefaultRtl(true); now everything is in the right place.
I really appreciate it. Thank you.

oleibman · 2024-01-08T06:08:30Z

You're welcome. I hope the PR I'm working on will make things a little simpler, but I'm glad you can get it working now.

focaloid-dev closed this as completed Jul 31, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How to add RTL support to Html #2427

How to add RTL support to Html #2427

focaloid-dev commented Jul 23, 2023 •

edited

Loading

oleibman commented Jul 28, 2023

focaloid-dev commented Jul 28, 2023 •

edited

Loading

oleibman commented Jul 28, 2023

focaloid-dev commented Jul 29, 2023 •

edited

Loading

oleibman commented Jul 30, 2023

focaloid-dev commented Jul 30, 2023

oleibman commented Jul 30, 2023

focaloid-dev commented Jul 31, 2023

oleibman commented Aug 2, 2023

alshoja commented Aug 2, 2023

malozaibi commented Jan 6, 2024 •

edited

Loading

oleibman commented Jan 6, 2024

malozaibi commented Jan 6, 2024

oleibman commented Jan 6, 2024

oleibman commented Jan 6, 2024

malozaibi commented Jan 7, 2024

oleibman commented Jan 7, 2024

malozaibi commented Jan 7, 2024

oleibman commented Jan 7, 2024

malozaibi commented Jan 8, 2024

oleibman commented Jan 8, 2024

malozaibi commented Jan 8, 2024

oleibman commented Jan 8, 2024

How to add RTL support to Html #2427

How to add RTL support to Html #2427

Comments

focaloid-dev commented Jul 23, 2023 • edited Loading

The File Output i have

oleibman commented Jul 28, 2023

focaloid-dev commented Jul 28, 2023 • edited Loading

oleibman commented Jul 28, 2023

focaloid-dev commented Jul 29, 2023 • edited Loading

oleibman commented Jul 30, 2023

focaloid-dev commented Jul 30, 2023

oleibman commented Jul 30, 2023

focaloid-dev commented Jul 31, 2023

oleibman commented Aug 2, 2023

alshoja commented Aug 2, 2023

malozaibi commented Jan 6, 2024 • edited Loading

oleibman commented Jan 6, 2024

malozaibi commented Jan 6, 2024

oleibman commented Jan 6, 2024

oleibman commented Jan 6, 2024

malozaibi commented Jan 7, 2024

oleibman commented Jan 7, 2024

malozaibi commented Jan 7, 2024

oleibman commented Jan 7, 2024

malozaibi commented Jan 8, 2024

oleibman commented Jan 8, 2024

malozaibi commented Jan 8, 2024

oleibman commented Jan 8, 2024

focaloid-dev commented Jul 23, 2023 •

edited

Loading

focaloid-dev commented Jul 28, 2023 •

edited

Loading

focaloid-dev commented Jul 29, 2023 •

edited

Loading

malozaibi commented Jan 6, 2024 •

edited

Loading